All technological notes.
CSS Fonts(check supported OS):
Google Fonts(download or embed):
In CSS there are five generic font families:
Serif fonts have a small stroke at the edges of each letter. They create a sense of formality and elegance.
Sans-serif fonts have clean lines (no small strokes attached). They create a modern and minimalistic look.
Monospace fonts - here all the letters have the same fixed width. They create a mechanical look.
Cursive fonts imitate human handwriting.
Fantasy fonts are decorative/playful fonts.
All the different font names belong to one of the generic font families.
| Attribute | Common Values | Description |
|---|---|---|
font |
set several font properties | |
font-family |
the font family of a text | |
font-style |
normal,italic,oblique |
mostly used to specify italic text |
font-weight |
normal,bold |
the weight of a font |
font-variant |
normal,small-caps |
whether displayed in a small-caps font |
font-size |
px,em,% |
the size of the text |
font-size:
em is a unit of measurement, relative to the size of the font;em).pixels/16=emvw: viewport width