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

  Рет қаралды 14,322

Eric Murphy

Eric Murphy

Күн бұрын

Пікірлер: 34
@craigburton4447
@craigburton4447 2 жыл бұрын
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
@Zephyrus0 2 жыл бұрын
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
@EricMurphyxyz 2 жыл бұрын
I just saw that in the news, perfect timing for this video
@crowncontrol6260
@crowncontrol6260 2 жыл бұрын
Bruh. You literally saved my life. Pagespeed increased by ten percent! Thanks a lot.
@yuliusseraph4973
@yuliusseraph4973 2 жыл бұрын
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
@spondoolie6450 2 жыл бұрын
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
@l0gic23 9 ай бұрын
Good advice. Thx for sharing
@jakubstrycharek4710
@jakubstrycharek4710 2 жыл бұрын
If you put "xsetroot -cursor_name left_ptr" in your bspwmrc your cursor won't be a "x" when it's outside of windows
@Karp22_
@Karp22_ Жыл бұрын
Excellent video and advice. Thanks Eric, you earned a new sub
@EricMurphyxyz
@EricMurphyxyz Жыл бұрын
Appreciate it!
@KiliGraphics
@KiliGraphics 2 жыл бұрын
First actual useful video to this topic, thanks!
@jonathanhoyos8191
@jonathanhoyos8191 2 жыл бұрын
The miniature image is very funny. I laughed a lot!!! keep it up, new suscriber
@EricMurphyxyz
@EricMurphyxyz 2 жыл бұрын
Thanks, the thumbnails are where most of the work goes 👍
@whitelabelcontent8665
@whitelabelcontent8665 Жыл бұрын
Some people say that you can get sued for using Google fonts. Why would they say that? Thank you for this info BTW
@EricMurphyxyz
@EricMurphyxyz Жыл бұрын
All the more reason to host them yourself!
@TheTrainstation
@TheTrainstation 2 жыл бұрын
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
@aryanpandey8563
@aryanpandey8563 2 жыл бұрын
Emacs got lsp support so it's pretty much equivalent to vscode.
@marc4177
@marc4177 2 жыл бұрын
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
@EricMurphyxyz 2 жыл бұрын
You can try hCaptcha, haven't used it personally but it looks like what you're looking for
@marc4177
@marc4177 2 жыл бұрын
@@EricMurphyxyz Thx
@andrew.schaeffer4032
@andrew.schaeffer4032 2 жыл бұрын
This is great thanks! Was using fontsquirrel before, but this seems way better
@herbertwestiron
@herbertwestiron 2 жыл бұрын
Thank you for this. I was just about to look for a way to self host font and you uploaded a vid.
@justinv.9209
@justinv.9209 2 жыл бұрын
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
@absprog
@absprog 2 жыл бұрын
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
@EricMurphyxyz 2 жыл бұрын
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
@rollinontheboard Жыл бұрын
@@EricMurphyxyz ttf has hinting
@aryanpandey8563
@aryanpandey8563 2 жыл бұрын
Hey Eric Do you use Emacs as IDE?
@EricMurphyxyz
@EricMurphyxyz 2 жыл бұрын
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 🤔
@SayouPla
@SayouPla Жыл бұрын
do I have to use firebase pls make a vid
@EricMurphyxyz
@EricMurphyxyz Жыл бұрын
Use pocketbase or supabase
@orincywhytedesigns
@orincywhytedesigns 2 жыл бұрын
Super cool video!
@sumitkumarsoni1
@sumitkumarsoni1 2 жыл бұрын
Thanks for your helpful videos :D
@valeriousmonk654
@valeriousmonk654 2 жыл бұрын
Great video
@Rmly
@Rmly 2 жыл бұрын
nice video
Nobody Understands Online Privacy.
14:11
Eric Murphy
Рет қаралды 188 М.
These font stacks will improve your site performance
11:44
Kevin Powell
Рет қаралды 76 М.
小丑揭穿坏人的阴谋 #小丑 #天使 #shorts
00:35
好人小丑
Рет қаралды 54 МЛН
Car Bubble vs Lamborghini
00:33
Stokes Twins
Рет қаралды 44 МЛН
What type of pedestrian are you?😄 #tiktok #elsarca
00:28
Elsa Arca
Рет қаралды 26 МЛН
How JavaScript Ruined the Web
15:02
Eric Murphy
Рет қаралды 118 М.
Why Do I Care So Much About Privacy?
15:30
Eric Murphy
Рет қаралды 274 М.
What are Web Fonts? (Best Practices for 2021)
9:22
leerob
Рет қаралды 11 М.
you STILL need a website RIGHT NOW!! (yes, even in 2024)
19:15
NetworkChuck
Рет қаралды 496 М.
The problems with viewport units
13:23
Kevin Powell
Рет қаралды 366 М.
Use Google Fonts Locally - How To Avoid Legal Trouble with GDPR
8:38
Coder Foundry
Рет қаралды 3,1 М.
Getting started with Variable fonts on the web
21:44
Kevin Powell
Рет қаралды 45 М.
Font Loading Performance 📉 6 Experiments with FOUT & FOIT
38:40
How to host your own fonts made simple
14:00
Kevin Powell
Рет қаралды 92 М.
小丑揭穿坏人的阴谋 #小丑 #天使 #shorts
00:35
好人小丑
Рет қаралды 54 МЛН