CSS Typography

  • font-family
  • The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element. When using multiple values, the font-family list of font families defines the priority in which the browser should choose the font family. The list is prioritized from left to right: it will use the first value if it’s available, or go to the next one, until the end of the list is reached. The default font family is defined by the browser preferences.
  • font-size
  • The font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative units, such as em, ex, and so forth.
  • font-style
  • The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family.
  • font-weight
  • The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set. It determines whether the type displays as bold, normal, light, etcetera. The value can be set with keywords like “bold” or “normal”, or with numeric values in increments of 100, with 400 as the equivalent of “normal”.
  • white-space
  • The white-space CSS property sets how white space inside an element is handled. For an example white-space: normal makes it so that sequences of spaces are combined into one. Line breaks are ignored. The text content is wrapped.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top