Web Font Loading Opinions

Bulletproof font-face syntax - discouraged use this instead:

@font-face {
  font-family: Open Sans;
  src: url('opensans.woff2') format('woff2')
      url('opensans.woff') format('woff')
}

don't reference locally stored fonts -> warning
check out fonts tab in firefox developer tool - tells you if it's web font or system font
tell it to render fall back system font immediately
```
@font-face {
  font-display: swap;
}
```

Icon fonts - migrate away from icon fonts - outside of web standards - anti-pattern

Sources