How to use font-face in CSS - CSS-Tricks

#MMW-Dev/CSS #Obsidian/CSS #Quartz/CSS #MMW-Style

About

#Omnivore

Read on Omnivore
Read Original

An explanation on how to use font-face to utilise custom fonts in web pages

This page is powered by Omnivore ‐ you can read more about how I use Omnivore here: Omnivore - Saving Articles for Citations in Obsidian.

Highlights

The @font-face rule allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS.

Without the rule, our designs are limited to the fonts that are already loaded on a user’s computer, which vary depending on the system being used. ⤴️

Use @font-face CSS rule to add custom fonts like OpenMW's 'Mystic Cards' to Obsidian and Quartz.