CSS Declaration
Using Styles
font-weight: bold;
font-weight: 600;
font-style: italic;
font-variant: small-caps;
color: #c0ffee;
Considerations
Use fallbacks. Not all browsers and operating systems support all fonts. If you're using a font with multiple font-weights, consider a fallback that also includes a similar quantity.
Consider adding your font as a CSS custom property. This is especially useful when using more than one font.
:root {
--font-heading: Tahoma;
--font-body: sans-serif;
}
Consider Optimizing Legibility
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-size-adjust: 0.5;
font-optical-sizing: auto;
Don't Overlook Formatting Options
font-variant-ligatures: historical-ligatures;
text-align: justify;
hyphens: auto;