Host font locally about papercss HOT 3 OPEN

Hey @John-H-Smith, I think some update here makes sense. What does your current override look like? We currently conditionally import the Google font based on if it is set:

// _config.scss

// The src for fonts (false to disable)
$font-src: 'https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap' !default;

// Imports
@if $font-src {
  @import url($font-src);
}

I wonder if making a switch over to something like Font Source and totally leaving the Google ecosystem would be a good step forward, but curious to hear what would work best for you and other EU website owners.

from papercss.

Hi @rhyneav , thank you for your answer!
For my current workaround, I downloaded the sources of the font-families 'neucha' and 'Patrick Hand SC' and set the font-family in a custom css file like so:

/* latin */
@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/neucha.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Patrick Hand SC';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Patrick_hand_sc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

I know it's not a great way, but it works for the moment.

Moving to Font Source or something else is sadly no option. In the EU, you have to actively accept the loading of ANY data from a cdn, doesn't matter if it's google or something else. So for using papercss, currently every website has to include a cookie banner which allows you to accept the loading of the fonts.
The only way to get rid of that permission thing is to self-host the font on the same site.

from papercss.

https://gwfh.mranftl.com/fonts might be worth looking into

from papercss.