3 ms·

Proxima Nova is very common on websites so from that perspective it makes sense to bundle it.

• derefr 6y ago
  If a website declares a CSS @font-face rule that defines font-family foo, and then later uses `font-family: foo` in a style; and foo is also the name of a system font-family; do browsers then skip the @font-face "version" of the font and use the system one instead? Hopefully not bothering to even download the web font? I've never run into this case, despite using web fonts a couple of times, because I don't think I've ever seen anyone attempting to use a font that's a system font of an OS as a web font. But that seems like the main use-case here: knowing that at least macOS ships with Proxima Nova, you'd declare a dependency on the Google Fonts copy of Proxima Nova as a polyfill of sorts; and then the OSes that have it would use their version instead of needing to pull it from Google.
  • afloatboat 6y ago
    There’s a local function for @font-face that allows you to link a webfont to a locally installed font and it will indeed skip the download if it can find it.
    • harlanlewis 6y ago
      Relevant: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization#format_selection https://developers.google.com/web/fundamentals/performance/o...
    • sumanthvepa 6y ago
      Thank you!!! Learnt something today.