16

Self-hosting Google Fonts

 4 years ago
source link: https://sebastiandedeyne.com/self-hosting-google-fonts/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Self-hosting Google Fonts — Sebastian De Deyne

I haven’t used Google Fonts in production for a long time. I use the service for development, and strip out all references to Google before going live. I do this for performance, and my visitors' privacy.

The current performance recommendation is to self-host web fonts to reduce DNS lookups. When self-hosting, you can also add preload links to make sure critical fonts are loaded as soon as possible. For more about this, read Simon Hearne’s excellent essay on avoiding layout shifts caused by web fonts.

Google has a vague privacy statement surrounding Google Fonts. When it comes to collecting data, I’m rather safe than sorry with Google. More importantly, I don’t want to impose this on my site’s visitors.

To self-host, you need to download the fonts and write the appropriate @font-face CSS rules. Instead of doing this myself, I came across an excellent tool to streamline this process: google-fonts-helper. It holds the entire Google Fonts catalog. You can find your font, choose your styles, and generate a CSS snippet and font files to add to your site.

Keep in touch

I occasionally send out a newsletter with personal stories, things I’ve been working on in the past month, and interesting things I come across.

Pinky swear that I won't use your data for any other purposes. Your email address will be stored on Mailchimp and nowhere else.


Recommend

  • 24
    • www.tunetheweb.com 5 years ago
    • Cache

    Should you self-host Google Fonts?

    Category: Blog This page was originally created on 12-Jan-2020 and last edited on 06-Feb-2020 . Introdu...

  • 18

    I have to admit, I took my sweet time to write this post and release this tool, but the time has finally come. I am finally ready to publish pwndrop , which has been in development for the last two years...

  • 10

    So you want to start a blog? And are cheap, lazy, and generally worthless? That makes two of us. At the end of this tutorial (10 minutes tops), you’ll have a functioning Ghost blog protect...

  • 28
    • landley.net 4 years ago
    • Cache

    Make Android self-hosting

    Ab Origine - Latin, "From the beginning". Build the simplest linux system capable of compiling itself. Cross compile it to every target supported by QEMU. Boot it under QEMU...

  • 12
    • rudism.com 4 years ago
    • Cache

    Self-Hosting GNU Social

    Self-Hosting GNU Social 2015-09-27 (posted in blog) Out of Date Notice (Nov. 2019): I no longer use GNU Social or Mastodon or any social networking software of any kind. The details in th...

  • 10
    • depp.brause.cc 4 years ago
    • Cache

    depp: Git self-hosting helper

    Git hostingdepp: Git self-hosting helperClonegit clone...

  • 9
    • fuzzyblog.io 4 years ago
    • Cache

    Self Hosting a Jekyll Site

    Self Hosting a Jekyll Site Oct 6, 2017 I've been a blogger since 2002 and over the years there have been a lot of different blogging tools: Radio, WordPress, Serendipity, Movable Type, TypePad, b2, etc. After a long, o...

  • 7
    • blog.arkency.com 4 years ago
    • Cache

    Self-hosting Event Store on Digital Ocean

    Self-hosting Event Store on Digital OceanHi, weʼre arkency 👋 Recently in one of our projects, we have decided that it would be a good idea to switch to

  • 10
    • blog.pyston.org 4 years ago
    • Cache

    Pyston 0.3: Self-hosting Sufficiency

    We’ve been working hard over the past five months and are very happy to release Pyston 0.3, the newest version of our high-performance Python implementation. The biggest features of this release are that we can now run all of our internal scr...

  • 7

    Self-Hosting Your Own Cloud – Part 10: Photos and Videos I’ve attempted to solve my photo management problem for a long time now, ever since I started using a digital camera in the year 2000. The result of copying and...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK