The Problem with Google Fonts (and how to fix it)

Рет қаралды 9,625

Жыл бұрын

It’s easy to just reach for Google fonts, but there are speed and security reasons to write your own custom font-face declaration and it couldn't be easier!
🔗 Key Links 🔗
- Github Repo: github.com/coding-in-public/f...
- MDN Docs: developer.mozilla.org/en-US/d...
- Font I used: www.fontshare.com/fonts/switzer
---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: github.com/microsoft/cascadia...
- Theme: marketplace.visualstudio.com/...
- Icons: marketplace.visualstudio.com/...
---------------------------------------
🌐 Connect With Me 🌐
- Website: codinginpublic.dev
- Blog: chrispennington.blog
- Twitter: / cpenned
- Patreon: / coding_in_public
- Buy Me a Coffee: www.buymeacoffee.com/chrispen...

Пікірлер: 15

@CodinginPublic Жыл бұрын

In case it wasn’t clear, if you download a Google font family, it removes both the speed and legal challenges.

@dylanzalman8452 Жыл бұрын

Thanks for this tutorial. And yes, i would be interested in a video about variable fonts.

@CodinginPublic Жыл бұрын

Noted! I'll get on it!

@aley5931 Жыл бұрын

@@CodinginPublic Please do and thanks for all the great content. Much appreciated.

@samnj4 Жыл бұрын

I have learned something new. Thanks for the tutorial.

@CodinginPublic Жыл бұрын

You’re welcome! Glad it was a help!

@RubenPenaP Жыл бұрын

I'll be watting for the Variable Fonts video

@CodinginPublic Жыл бұрын

Noted. I'll get on it. Thanks!

@AhmedRaza-lv3id 4 ай бұрын

Im using react and when i run npm run build it doesnt include the fonts i used font share😢

@TheDzejko Жыл бұрын

Hey, I'd love to see how to set it up using variables

@CodinginPublic Жыл бұрын

Noted. I'll get on it. Thanks!

@arjunhanwate4873 10 ай бұрын

Thanku❤

@CodinginPublic 10 ай бұрын

You’re welcome!

@tiscover Жыл бұрын

@fontsource is a fine solution as well

@CodinginPublic Жыл бұрын

Yes! Definitely. It downloads the local fonts, I believe and does a lot of this heavy lifting for you.