#159 please reconsider Google Fonts

Closed
opened 6 months ago by jawz101 · 7 comments
jawz101 commented 6 months ago

Let's take a look at Cisco Umbrella 1 Million list http://s3-us-west-1.amazonaws.com/umbrella-static/index.html

As I write this fonts.google.com is the 44th most requested DNS lookup in the world. DNS request- not domain. Because every where you go you run into Google Fonts.

That's more popular than msn.com, icloud,com, amazon.com, twitter.com, instagram, ... basically every other thing in the world except the 43 above it.

I get that you say disabling Google fonts w/ an ad blocker or in your browser would solve it but it doesn't

my browser still downloads a css file from them

ex:
https://www.freecodecamp.org/news/how-to-use-google-fonts-in-your-next-web-design-project-e1ad48f1adfa/#:~:text=%20How%20to%20Use%20Google%20Fonts%20%E2%80%94%20Step,upper%20right%20hand%20corner.%20Click%20the...%20More%20

<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Roboto+Mono:400,700" rel="stylesheet">

Let's take a look at Cisco Umbrella 1 Million list http://s3-us-west-1.amazonaws.com/umbrella-static/index.html As I write this fonts.google.com is the 44th most requested DNS lookup in the world. DNS request- not domain. Because every where you go you run into Google Fonts. That's more popular than msn.com, icloud,com, amazon.com, twitter.com, instagram, ... basically every other thing in the world except the 43 above it. I get that you say disabling Google fonts w/ an ad blocker or in your browser would solve it but it doesn't my browser still downloads a css file from them ex: https://www.freecodecamp.org/news/how-to-use-google-fonts-in-your-next-web-design-project-e1ad48f1adfa/#:~:text=%20How%20to%20Use%20Google%20Fonts%20%E2%80%94%20Step,upper%20right%20hand%20corner.%20Click%20the...%20More%20 `<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Roboto+Mono:400,700" rel="stylesheet">`
jawz101 closed this issue 6 months ago
nobody commented 6 months ago
Owner

Because every where you go you run into Google Fonts.

Yeah, I agree. From a technical point of view Google Fonts are useless. If you as the owner of a website still like them, you can host them locally on your web server in a privacy friendly way.

The complete package of all Google Fonts is uncompressed 950 MB (compressed 390 MB) in size. Just have a look into this folder. Extensions have a limitation of 200 MB. So you have to check all Google Fonts, which is popular and which should be included and which not. I don't want to do that.

my browser still downloads a css file from them

With the default settings the connections are blocked by LocalCDN (see screenshot). How did you check this?


EDIT:

Maybe this will help you: https://gist.github.com/keeferrourke/d29bf364bd292c78cf774a5c37a791db

I didn't test this, because (as I said) I think Google Fonts are useless.

> Because every where you go you run into Google Fonts. Yeah, I agree. From a technical point of view Google Fonts are useless. If you as the owner of a website still like them, you can host them locally on your web server in a privacy friendly way. The complete package of all [Google Fonts is uncompressed 950 MB (compressed 390 MB)](https://github.com/google/fonts#download-all-google-fonts) in size. Just have a look into [this folder](https://github.com/google/fonts/tree/master/ofl). Extensions have a [limitation of 200 MB](https://extensionworkshop.com/documentation/publish/submitting-an-add-on/). So you have to check all Google Fonts, which is popular and which should be included and which not. I don't want to do that. > my browser still downloads a css file from them With the default settings the connections are blocked by LocalCDN (see screenshot). How did you check this? --- EDIT: Maybe this will help you: https://gist.github.com/keeferrourke/d29bf364bd292c78cf774a5c37a791db I didn't test this, because (as I said) I think Google Fonts are useless.
nobody reopened this issue 6 months ago
jawz101 commented 6 months ago
Poster

oops. you're right. I didn't see that it was blocking it. I guess when I saw that uBlock Origin observed that domain I didn't actually check Developer Tools to see that LocalCDN then steps in to block it itself. Thanks!

oops. you're right. I didn't see that it was blocking it. I guess when I saw that uBlock Origin observed that domain I didn't actually check Developer Tools to see that LocalCDN then steps in to block it itself. Thanks!
jawz101 closed this issue 6 months ago
nobody commented 5 months ago
Owner

You're welcome 😉

You're welcome 😉
nobody added the
question/discussion
label 5 months ago
nobody added the
wontfix
label 5 months ago
jawz101 reopened this issue 5 months ago
jawz101 commented 5 months ago
Poster

for what it's worth I just found this stats page

https://fonts.google.com/analytics

which appears to log in real time the hits for each font .family

for what it's worth I just found this stats page https://fonts.google.com/analytics which appears to log in real time the hits for each font .family
nobody commented 5 months ago
Owner

Thanks, but that doesn't change the fact that Google fonts are not necessary to display and use a website.

Just as an example, the three most popular fonts require 8.6 MB (compressed). LocalCDN is currently 10 MB (compressed) in size. Sorry, but this makes no sense.

The alternatives are:

  • allow the connection to Google
  • use the system font (default fallback)
  • ask the owner of the website to host the font itself
Thanks, but that doesn't change the fact that Google fonts are not necessary to display and use a website. Just as an example, the three most popular fonts require 8.6 MB (compressed). LocalCDN is currently 10 MB (compressed) in size. Sorry, but this makes no sense. The alternatives are: * allow the connection to Google * use the system font (default fallback) * ask the owner of the website to host the font itself
MPeter commented 5 months ago

Is there a workaround for when the website tries to use a font for it's icons?
I think for exaple the android documentation does this (developer.android.com/docs , but it seems to be down now?), and it's very annoying and sometimes confusing when instead of the icon their name is printed and takes much more space than it should.

Speaking of Android, there you can access an other app's resources from code if the 2 apps are signed with the same signature. Is there something like that in Firefox plugins?
Because if so, there could be optional and rarely updated "resource plugins" for icon fonts

Is there a workaround for when the website tries to use a font for it's icons? I think for exaple the android documentation does this (developer.android.com/docs , but it seems to be down now?), and it's very annoying and sometimes confusing when instead of the icon their name is printed and takes much more space than it should. Speaking of Android, there you can access an other app's resources from code if the 2 apps are signed with the same signature. Is there something like that in Firefox plugins? Because if so, there could be optional and rarely updated "resource plugins" for icon fonts
nobody commented 5 months ago
Owner

The Google Material Icons are already supported.

https://developer.android.com/docs

There was no match on this website. I've fixed this. Thanks for reporting. 👍

The Google Material Icons are already supported. > https://developer.android.com/docs There was no match on this website. I've fixed this. Thanks for reporting. 👍
nobody closed this issue 5 months ago
Sign in to join this conversation.
No Milestone
No Assignees
3 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.