Alternative for FontAwesome and Google fonts?

[soxofaan]

I noticed this accidentally when web editor seemed stuck/slow on some google fonts request: apparently webeditor depends on FontAwesome and consequently on Google Fonts.

openeo-web-editor/public/index.html

Lines 9 to 10 in 366e9d7

	<link rel="preload" as="font" type="font/woff2" crossorigin href="https://use.fontawesome.com/releases/v5.13.0/webfonts/fa-solid-900.woff2"/>
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" type="text/css" media="all" />

Assuming we're in the free FontAwesome plan: there is apparently a limit to 10.000 page views per month in that plan. We're probably still far below that, but it's not very high threshold either (333 views per day).

Also, as far as I understand, usage of Google Fonts is bit problematic regarding GDPR and tracking, so we might want to avoid that, especially for usage in projects involving ESA/EC.

[soxofaan]

(FYI, regarding problematic Google Fonts usage, there is this EU-based drop-in replacement https://fonts.bunny.net/about )

[m-mohr]

I wasn't aware that FA uses Google Fonts. Do we have a good alternative for FA? I'm not sure how I can use Bunny Fonts with FA yet...

[soxofaan]

A possible solution is including the static assets in the deployment, instead of loading them from external sources and CDNs to avoid HTTP requests and related cookies to these services . However I'm not sure if that comes with legal implications

[m-mohr]

@soxofaan Could you clarify why/how FA is using Google Fonts? I don't see that being in the CSS.

The license of FA5 Free seems to be CC/SIL so I think we could just add them to this repo and ship/bundle/host them ourself. We should use the Web Fonts due to the Vue Components, which also use some of the icons if available.

PRs are welcome, I have no Web Editor funding right now.

[soxofaan]

Not sure. I'm not that familiar with how the app is packaged, but I currently see @import url(https://fonts.googleapis.com/css?family=Ubuntu&display=swap) in https://editor.openeo.org/css/app.12bf10b8.css does that help? (I might be wrong that this is triggered from or related to FA maybe)

[m-mohr]

I suspect the Ubuntu font comes from a different dependency, maybe Snotify?