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

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 34

  • @craigburton4447
    @craigburton4447 2 ปีที่แล้ว +18

    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 ปีที่แล้ว +18

    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 ปีที่แล้ว +4

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

  • @crowncontrol6260
    @crowncontrol6260 2 ปีที่แล้ว +3

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

  • @yuliusseraph4973
    @yuliusseraph4973 2 ปีที่แล้ว +6

    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 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

    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_ ปีที่แล้ว +1

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

  • @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

  • @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 👍

  • @aryanpandey8563
    @aryanpandey8563 2 ปีที่แล้ว +1

    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 🤔

  • @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 ปีที่แล้ว +1

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

  • @marc4177
    @marc4177 2 ปีที่แล้ว +1

    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 ปีที่แล้ว +3

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

    • @marc4177
      @marc4177 2 ปีที่แล้ว

      @@EricMurphyxyz Thx

  • @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 ปีที่แล้ว +1

      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

  • @andrew.schaeffer4032
    @andrew.schaeffer4032 2 ปีที่แล้ว

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

  • @KiliGraphics
    @KiliGraphics 2 ปีที่แล้ว +2

    First actual useful video to this topic, thanks!

  • @herbertwestiron
    @herbertwestiron 2 ปีที่แล้ว +1

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

  • @mostboringlady
    @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
      @EricMurphyxyz  ปีที่แล้ว

      All the more reason to host them yourself!

  • @SayouPla
    @SayouPla ปีที่แล้ว

    do I have to use firebase
    pls make a vid

  • @sumitkumarsoni1
    @sumitkumarsoni1 2 ปีที่แล้ว

    Thanks for your helpful videos :D

  • @orincywhytedesigns
    @orincywhytedesigns 2 ปีที่แล้ว

    Super cool video!

  • @Rmly
    @Rmly 2 ปีที่แล้ว

    nice video

  • @valeriousmonk654
    @valeriousmonk654 2 ปีที่แล้ว

    Great video