Re:Interface Dispatch (2018)
by munificent on Thursday April 18, 2019 @02:10PM
(#19693312)
> For me it works on desktop but not on mobile browsers
Looks weird for me on Mac desktop Chrome. It looks like the default monospace font, Courier, lacks box drawing characters. So it probably falls back to some other monospace font which likely has different metrics.
A good CSS font stack for monospace fonts is something like:
font-family: Consolas, Monaco, monospace;
The first catches almost all Windows users, the second almost all Mac users, and the last fallback to the default.
Looks weird for me on Mac desktop Chrome. It looks like the default monospace font, Courier, lacks box drawing characters. So it probably falls back to some other monospace font which likely has different metrics.
A good CSS font stack for monospace fonts is something like:
The first catches almost all Windows users, the second almost all Mac users, and the last fallback to the default.