Summary
- Font-family. Use Noto-sans as font-face for all texts.
- Consistency. You should use the given font sizes as far as possible and only add individual sizes in exceptional cases.
- Semantic meanings. Not every large font automatically has the meaning of a heading. Use the size-modifiers for large texts that are not headings from a semantic point of view.
Headlines
h1The quick brown fox jumps over the lazy dog
h2The quick brown fox jumps over the lazy dog
h3The quick brown fox jumps over the lazy dog
h4The quick brown fox jumps over the lazy dog
h5The quick brown fox jumps over the lazy dog
h6The quick brown fox jumps over the lazy dog
Text sizes
font-size--xs The quick brown foxfont-size--sm The quick brown foxfont-size--md The quick brown foxfont-size--lg The quick brown foxfont-size--xl The quick brown foxfont-size--2xl The quick brown foxfont-size--3xl The quick brown foxfont-size--4xl The quick brown foxfont-size--5xl The quick brown foxfont-size--6xl The quick brown fox