@email@example.com CSS will use system fonts when they exist and are listed in font-family. For example, font-family: Roboto; will use the system's font if available. Otherwise, it falls back to the browser's default font or if a @font-face is available for it, it downloads and uses it (and uses the default font in the meantime)
@switchingsocial off the topic, alternatives for Google Charts as well.
Disable Loading Web font in Settings
Use decentraleyes Plugin
You can't guarantee a user will have a certain font installed. Far better to provide a particular font from your own domain. You can even provide the Google fonts in this manner. There are websites specifically explaining how to do this.
You should also provide generic fallbacks (e.g. sans serif) in case the user doesn't download fonts.
The page will have self-hosted fonts listed as the main alternative, and system fonts listed below that.
@switchingsocial Like this CSS rule? font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', Ubuntu, 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
They don't match switching.social's target audience.
Pleroma and Misskey don't have onboarding for non-tech people.
@switchingsocial For using *specifically* system fonts, you can just specify the general font type in the site's CSS. For example, you'd use:
A lot of good web designers will use system fonts as fallbacks in case the specific font doesn't load. That would be something like this:
font-family: 'Arial', sans-serif;
If Arial doesn't load, whatever sans serif font the user prefers or whatever is default will be used.
As for downloading open source fonts, you can actually get anything on Google Fonts using this wonderful site.
All of mine are from there. You search for the font, choose what weights/styles you want, whether you only want to support modern browsers or if older ones are important. You download a zip archive that you simply unzip and it gives you copy/paste CSS for importing the font files!
@switchingsocial The Ubunyu fonts?
Most Google Fonts use a free licence, so you could just download and self host them. It's easily possible with this project:
Or as ready to use webapp:
What a number of people have already answered: choose your fonts, check the licences and host them on your own site (otherwise if it's not Google it's just someone else doing the tracking).
Google fonts are offered under an open licence, and so will be most (not necessarily all) fonts installed on your #Linux system. That's were you want to start looking for fonts.
Believe it or not, w3schools' page on css fonts is old enough (pre-cross-browser font embedding) that it's relevant here:
Basically make sure designers use the fallback mechanism, include fonts from the major platforms, and include a fallback to the generic serif, sans-serif or monospace category.
(I used to regularly use font-family: Arial, Helvetica, sans-serif)
mastodon.at is a microblogging site that federates with most instances on the Fediverse.