Detailed explanation of CSS web-safe font combinations

The following editor will bring you a detailed explanation of CSS Web safe font combinations. The editor thinks it is quite good, so I will share it with you now and give it as a reference for everyone. Let’s follow the editor and take a look.

Commonly used font combinations

The font-family attribute is the name of multiple fonts, as a " strain" system to ensure maximum compatibility between browsers/operating systems. If the browser doesn't support the first font, it tries the next font.

If the browser cannot find the font type you want, it will find one similar to yours from the common font types:

p{font-family:"Times New Roman", Times, serif}

The following are some commonly used ones Font combinations, universal font families.

Serif Font

##FontText ExampleGeorgia, serifThis is a heading"Palatino Linotype", "Book Antiqua", Palatino, serifThis is a heading"Times New Roman", Times, serifThis is a heading

	This is a paragraph
	This is a paragraph
	This is a paragraph

sans - serif font

FontText example##Arial, Helvetica, sans-serifThis is a paragraphArial Black, Gadget, sans-serifThis is a paragraph"Comic Sans MS", cursive, sans-serifThis is a paragraph##Impact, Charcoal, sans -serifThis is a heading"Lucida Sans Unicode", "Lucida Grande", sans-serifThis is a headingTahoma, Geneva, sans-serifThis is a heading"Trebuchet MS", Helvetica, sans-serifThis is a headingVerdana, Geneva, sans-serifThis is a heading

This is a heading
This is a heading
This is a heading
This is a paragraph
This is a paragraph
This is a paragraph
This is a paragraph
This is a paragraph

Monospace Font

FontText Example "Courier New", Courier, monospaceThis is a heading"Lucida Console", Monaco, monospaceThis is a heading

This is a paragraph
This is a paragraph

##The above CSS web safe font combination The detailed explanation is all the content shared by the editor. I hope it can give you a reference, and I also hope you will support the PHP Chinese website.

The above is the detailed content of Detailed explanation of CSS web-safe font combinations. For more information, please follow other related articles on the PHP Chinese website!