confs.tech icon indicating copy to clipboard operation
confs.tech copied to clipboard

Improve font loading

Open nimzco opened this issue 7 years ago • 5 comments

  • Use preload
  • self host the font
  • Promise based font loading
  • font-display swap

Thanks for enlighting me @magalhini!

nimzco avatar Jul 25 '18 14:07 nimzco

Is this using FontFace? Can I work on this?

devcer avatar Oct 22 '19 18:10 devcer

We are using google fonts but fore sure feel free to work on it! Thanks! 😁

nimzco avatar Oct 23 '19 01:10 nimzco

Or are you talking about: https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face ? 🤔

nimzco avatar Oct 23 '19 01:10 nimzco

I'm talking about this -> https://usefulangle.com/post/74/javascript-dynamic-font-loading This one looks like a promise based font loading. what do you think?

devcer avatar Oct 23 '19 05:10 devcer

Oh I didn’t know about this. That might be interesting to have a look. Maybe there are specifics helpers for React.

@magalhini, have you ever used this?

Also considering that it doesn’t seem to be supported by IE: https://caniuse.com/#search=Fontface

nimzco avatar Oct 23 '19 06:10 nimzco