CSS font and css font

CSS font and css font
1. font-family

Unlimited font list. The font contains spaces and must be enclosed in quotation marks, for example, "Times Now Roman"

Generic font family (all operating systems are available and placed at the end of the list as backup fonts)

General font	Related fonts included
Serif	Times, Times New Roman
Sans-serif (Sans means no additional decoration, easier to read than serif)	Arial, Helvetica
Monospace	Courier, Courier New

 

 

 

 

 

2. font-size

If this parameter is not specified, the browser defaults to 16px (= 1em)

Solution for displaying the same text size in all browsers and allowing scaling-percent + em:

1 body{font-size: 100%;}2 h1{font-size: 2.5em;}3 h2{font-size: 1.875em;}4 p{font-size: 0.875em;}

3. font-style: normal/italic/oblique

When no italic style is used, Safair uses the default font. IE ignores this style and uses the original font.

4. font-weight: normal/bold5.font-variant: normal/small-caps (small uppercase letters)

 

Abbreviation: font-size, font-family [other options]/line-height

 

CSS3.0 server font -- @ font-face -- IE9 and above

1 @ font-face {2 font-family: WebFont; 3 src: url ('fontin _ sans_r_45b.otf') format ("opentype "); /* font file path and font file format */4 font-weight: normal; 5} 6 h1 {7 font-family: WebFont; 8}

1 @ font-face {2 font-family: Helvetica; 3 src: local ("Helvetica Neue"), url ('server-side fonts ');/* search for local fonts first, search for the font on the server */4}