font Flashcards
What are the generic font families?
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.
font-family
font-family: fontName, fallback, family
specifies the font for the content
use a fallback
Font Pairings
“Georgia” for headings, “Verdana” for sections //web safe
“Helvetica” for headings, “Garamond” for sections
–Google Font
“Merriweather” font for headings, and “Open Sans” for sections
font-size: 2em
*em is relative to the current font-size
2 em would be double the current parent.
font-size
specifies the size of the font, the default size for browsers is 16px
font-style, font-weight
font-style is for italics
normal - The text is shown normally
italic - The text is shown in italics
oblique - The text is “leaning” (less supported)
font-weight is for bold
normal, bold
