[CSS] Font

Font

1. font-family

- font family of a text is set with the font-family

- The font-family property should hold several font names as a "fallback" system

If the browser does not support the first font, it tries the next font, and so on

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

2. font-style

- font-style property is mostly used to specify italic text

- This has three values

a. nomal

b. italic

c. oblique

p.normal { font-style: normal; } p.italic { font-style: italic; } p.oblique { font-style: oblique; }  

3. Font-size with Em

- To allow users to resize the text, many developers use em instead of pixels

- 1em is equal to the current font size. The default text size in browser is 16px,

So the default size of 1em is 16px

h1 { font-size: 2.5em; /* 40px/16=2.5em */ } h2 { font-size: 1.875em; /* 30px/16=1.875em */ } p { font-size: 0.875em; /* 14px/16=0.875em */ }  

4. Font-weight

- The property specifies the weight of a font

p.normal { font-weight: normal; } p.thick { font-weight: bold; }