Typography: font concept

The JW template is already installed with a predefined font concept, which was created taking into account a harmonic typeface.

The settings can be adopted (if the fields are empty, the template takes over the values from the scss files) or adapted.

The baseline and base font properties affect many other elements, such as navigation, and so on.

Font style

• The most important configurations

  • Baseline: Settings for the design basis.
    Base Font Size: Font size relative to the baseline.
  • Word break: info at w3schools
  • Hyphens: infos at css-tricks.com
  • White space: infos at w3schools
  • Icon for list elements "style1": Icons for list elements of the css class "style1" in HEX format are defined here. All icons from Font Awesome 5 Free can be selected.
  • Icon for list elements "style1": Here icons for list elements of the css class "style2" are defined in HEX format. All icons from Font Awesome 5 Free can be selected.

Headings (H1 - H6) also paragraphs

• Webfont Url: Path to the Google Webfont address.
• Font familiy: Schrfiten family to the appropriate Webfont Url.
• Size: Headline size.
• Margins: Margins (intervals) of the Rift.
• Weight: Font thickness of the headline.