> PS: What adds salt to injury is that you're using Google Fonts on this website. If you were privacy-conscious, you'd self-host at least.
I get what you're saying, but i feel like that's probably a sliding scale of how much people actually care about these things vs how much they want to just easily get things done.
For example, right now my personal website serves the following files, just to get Open Sans working:
/fonts/open-sans-latin.woff2
/fonts/open-sans-latin-ext.woff2
/fonts/open-sans-latin-bold.woff2
/fonts/open-sans-latin-ext-bold.woff2
What's the CSS for displaying just one of those fonts? It's the following:
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
font-display: swap;
src: local('Open Sans'), url(/fonts/open-sans-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
Of course, depending on the browsers that you want to support and how efficient you want things to be, you might end up using more than just the WOFF2 format or just adding a TTF font and calling it a day, which will further inflate the amount of configuration that you need.
Furthermore, the characters that you'll want to show on your site will also make you write more code, just look at what Google does for Open Sans: https://fonts.googleapis.com/css2?family=Open+Sans&display=s...
Oh, and more styles? Well, be ready to add all of those as well, since most of the fonts out there won't necessarily be variable: https://fonts.google.com/specimen/Open+Sans#standard-styles
In comparison, Google Fonts just lets you choose what you want and copy something like the following:
HTML:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
CSS:
font-family: 'Open Sans', sans-serif;
While we're on the topic of fonts, it's a shame that we don't think more about how heavy the fonts we choose to use are, since right now serving my own fonts eats up around half of the bandwidth on my non-image-heavy site. The single article that i've found on the topic so far as been this, "Smallest (file size) Google Web Fonts":
http://www.oxfordshireweb.com/smallest-file-size-google-web-...In my opinion, those sizes should also be readily available in the web UI of Google Fonts, or most other sites that recommend fonts out there!