css • Typography and fonts - martindubenet/wed-dev-design GitHub Wiki
[ Designing fonts ][ Coding fonts ]
body {
font: font-style font-variant font-weight font-size/line-height font-family;
font: italic small-caps normal 13px/1.5 Arial, sans-serif;
}
| Reference | CSS property | English printing terms | French printing terms |
|---|---|---|---|
| A | line-height |
Leading | Interligne |
| B | font-size |
Font size | Corps du charactères |
| C | vertical-align |
Baseline shift | Ligne de base |
| D | letter-spacing |
Tracking Kerning |
Crénage |
margin-bottom |
Buttom gutter | Justification de paragraphe | |
text-align: left/rightflex-direction: flex-start/flex-endjustify-content: flex-start/flex-end
|
Left or Right justified. | Justifié à gauche ou à droite. |
This is a relative length unit that dynamically adapts to the font size. A value in em is relative to the width of the capital letter M in the assigned font family.
While the em size value is based on the last font-size value inherited from its parent, the rem (Relative em) value is relative to the base font size value assigned to the root <body> tag of an HTML document. The latter offers the advantage of not being affected by the laborious cascade of complex stylesheets, thus providing better adherence to original approved mockups.
More
To learn more about typography read my designer oriented documentation here.