Mobile app version of vmapp.org
Login or Join
Speyer780

: Popular serif and sans-serif browser compatible font combinations? I was curious as to which combinations of serif and sans-serif fonts are preferable to use that are compatible with most browsers.

@Speyer780

Posted in: #Browser #Fonts #Typography #WebsiteDesign

I was curious as to which combinations of serif and sans-serif fonts are preferable to use that are compatible with most browsers.

While I am aware that with the introduction of CSS3 importing custom fonts is a great solution, I was wondering, as a back-up, which combination would be good to use? Is there even a good/bad combination with the available fonts?

The fonts would be used for a restaurant webpage.

I'm not 100% familiar with typography and would appreciate some professional opinions.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

3 Comments

Sorted by latest first Latest Oldest Best

 

@Shakeerah625

"Georgia-like" (serif), "Times-like" (serif), "Courier-like" (monospace), and "Helvetica-like" (sans-serif) font stacks are given in my article "Font stacks that work across Windows, OS X, and Linux".

An improved Helvetica-like stack is given in "A multiplatform Helvetica-like font stack that suppresses Arial".

"Droid-like" (serif), "Verdana-like" (sans-serif), and monospace stacks are given in "Three font stacks to match DejaVu / Bitstream Vera".

Each article mentions at least one Google web font. The first two explain how to use Google fonts with Blogger™.

10% popularity Vote Up Vote Down


 

@Connie430

If you want to use @font -face, go for a service that ensures proper display on all (most) browsers and OS. Google Webfonts, Typekit and Fontspring come to mind, but there are some others as well.

Two articles on the topic that might interest you (also covering the standard webfonts):

DesignShack: 10 Great Google Fonts Combinations

and

Smashing: Complete Guide to Font Stacks

10% popularity Vote Up Vote Down


 

@Sue6373160

Trebuchet, Verdana and Arial (sans) and Georgia and Times (serif) are common to Windows and OS X, so the majority of users will have these fonts installed. So to answer your question, any combination of Trebuchet/Verdana/Arial and Times/Georgia will be supported on the majority of computing devices. See media.24ways.org/2007/17/fontmatrix.html although it's not fully up-to-date.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme