YLBTECH-CSS:CSS Network Security font combination |
1. Common font Combinations
The Font-family property should use several font names as fallback systems to ensure maximum compatibility between browsers/operating systems. If the browser does not support the first font, it will try the next one.
Start with your favorite font and end with a universal font family so that the browser picks similar fonts in a common system, if no other fonts are available:
Instance
P{font-family: ' Times New Roman ', Times, serif}
Try it yourself.
The following are the most commonly used font combinations, summarized according to a common system:
Serif fonts
font-family |
Sample Text |
Georgia, serif |
This is a heading This is a paragraph |
' Palatino Linotype ', ' book Antiqua ', Palatino, serif |
This is a heading This is a paragraph |
' Times New Roman ', Times, serif |
This is a heading This is a paragraph |
Sans-serif fonts
font-family |
Sample Text |
Arial, Helvetica, Sans-serif |
This is a heading This is a paragraph |
' Arial Black ', Gadget, Sans-serif |
This is a heading This is a paragraph |
' Comic Sans MS ', cursive, Sans-serif |
This is a heading This is a paragraph |
Impact, charcoal, Sans-serif |
This is a heading This is a paragraph |
' Lucida Sans Unicode ', ' Lucida Grande ', Sans-serif |
This is a heading This is a paragraph |
Tahoma, Geneva, Sans-serif |
This is a heading This is a paragraph |
' Trebuchet MS ', Helvetica, Sans-serif |
This is a heading This is a paragraph |
Verdana, Geneva, Sans-serif |
This is a heading This is a paragraph |
monospace fonts
font-family |
Sample Text |
' Courier New ', Courier, monospace |
This is a heading This is a paragraph |
' Lucida Console ', Monaco, monospace |
This is a heading This is a paragraph |
2.
1, http://www.w3school.com.cn/cssref/css_websafe_fonts.asp
|
Ylbtech Source: http://ylbtech.cnblogs.com/ This article is copyright to the author and the blog Park, Welcome to reprint, but without the consent of the author must retain this paragraph, and in the article page obvious location to the original link, otherwise reserves the right to pursue legal responsibility. |
CSS:CSS Network Security font combination