Why You Should STOP Using Google Fonts (And How to Self-Host Your Own Web Fonts)

[@craigburton4447]

Excellent advice eric. Was trying self hosting since Google fonts CDN is effectively illegal now in the EU but was having trouble with render blocking. Then I preloaded fonts after seeing this video and the issue was gone. Went from over 600ms TBT to under 150ms. Thank You

[@Zephyrus0]

Google fonts also violates the GDPR and every visitor is entitled to 100€ in compensation as specified by a German court few days ago.

[@EricMurphyxyz]

I just saw that in the news, perfect timing for this video

[@crowncontrol6260]

Bruh. You literally saved my life. Pagespeed increased by ten percent! Thanks a lot.

[@yuliusseraph4973]

Damn man, your advise is always so useful. Learned a lot from your videos, not a lot of people talk about alternatives to Google fonts or icons.

[@spondoolie6450]

Awesome.... def gonna try to host my own fonts. 2 things I would also wanna do is set a line-height so the text won't jump around while loading in the new font, and also add a fade-in animation (maybe 1000ms) or splash screen to hide the flash of unstyled text .... plus a smooth fade is less jarring.

[@l0gic23]

Good advice. Thx for sharing

[@justinv.9209]

hello man, back to 9:21. do you have any idea how to fix that warning or maybe I should use eslint to remove that some kind of warning because maybe i think that it is not some kind of important error

[@jakubstrycharek4710]

If you put "xsetroot -cursor_name left_ptr" in your bspwmrc your cursor won't be a "x" when it's outside of windows

[@TheTrainstation]

G Fonts is used for emails too, comforting to know that they track who i send and recieve enails from even though i sont use their email service

[@Karp22_]

Excellent video and advice. Thanks Eric, you earned a new sub

[@EricMurphyxyz]

Appreciate it!

[@marc4177]

Is there a Google-free alternative to reCAPTCHA? I need my website to be 100% Google-free but I need a bot authenticator because I'm going to create a log in system

[@EricMurphyxyz]

You can try hCaptcha, haven't used it personally but it looks like what you're looking for

[@marc4177]

@@EricMurphyxyz Thx

[@jonathanhoyos8191]

The miniature image is very funny. I laughed a lot!!! keep it up, new suscriber

[@EricMurphyxyz]

Thanks, the thumbnails are where most of the work goes 👍

[@absprog]

Thanks for the video! I do have a question though, I can download the font directly from Google fonts as a ttf file... Anything wrong with this?

[@EricMurphyxyz]

ttf files aren't optimized for web, so they're going to have a larger file size compared to something like woff. The licenses are also different for ttf compared to woff, so you may run into some legal issues if you use them on your site. I really recommend using woff/woff2 for webfonts

[@rollinontheboard]

@@EricMurphyxyz ttf has hinting

[@aryanpandey8563]

Hey Eric Do you use Emacs as IDE?

[@EricMurphyxyz]

I use Vim for text editing and VSCodium for big projects. To be honest I've never tried Emacs before, maybe I should make a video trying it out 🤔

[@aryanpandey8563]

Emacs got lsp support so it's pretty much equivalent to vscode.

[@KiliGraphics]

First actual useful video to this topic, thanks!

[@andrew.schaeffer4032]

This is great thanks! Was using fontsquirrel before, but this seems way better

[@mostboringlady]

Some people say that you can get sued for using Google fonts. Why would they say that? Thank you for this info BTW

[@EricMurphyxyz]

All the more reason to host them yourself!

[@herbertwestiron]

Thank you for this. I was just about to look for a way to self host font and you uploaded a vid.

[@SayouPla]

do I have to use firebase pls make a vid

[@EricMurphyxyz]

Use pocketbase or supabase

[@sumitkumarsoni1]

Thanks for your helpful videos :D

[@orincywhytedesigns]

Super cool video!

[@valeriousmonk654]

Great video

[@Rmly]

nice video