Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There's <strong><a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" rel="noreferrer">this page</a></strong>, I had it in my Firefox Scrapbook. It covers some of the most useful, widespread fonts and their closest equivalents. Yes it focuses on Windows and Mac. There's a <em>linux/ubuntu/gnome</em> screenshot of the font rendering down there: <a href="http://www.ampsoft.net/webdesign-l/img/Font-list-Ubuntu7-Gnome.png" rel="noreferrer">bottom of the page.</a></p> <p><strong>Be wary:</strong> this topic is controversial. From a pure design standpoint, the point is moot: there are no equivalent fonts. Never. Using core system fonts your mileage (and your <code>ex</code> width) will vary so wildly that most would simply advise you not to even start.</p> <p>If you are serious about typesetting you should anyway be using <strong><a href="http://www.fontsquirrel.com/" rel="noreferrer">fontsquirrel</a>, <a href="http://www.google.com/webfonts" rel="noreferrer">google web fonts</a>, or any other <code>@font-face</code> trick</strong>. With those, backward compatility will (sort of) be an issue, but not one that's typically considered relevant on linux. (those guys update like crazy)</p> <p>There are some corner cases though, where I believe this approach is sensible. E.G. You could be searching for a very readable font, and prefer not having the user downloading it. Or you could be in love with some widespread commercial typeface, but can't/won't license it for a reason or the other. (e.g. I personally love the readability Palatino Linotype gives me on Windows)</p> <p>A last word of warning: <strong>if you're targeting mobile devices this approach will drive you insane.</strong> Don't even start, or you'll expose your frail soul to the blows of the unmotivated horrors that inhabit Mobile Safari updates. Sanity can't last long under that kind of crossfire.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload