if I add my local font as ttf as described in the Blocs Help file, it is unfortunately only displayed in safari and not on mozilla firefox. I found the topic here in some discussions, but so far without a solution … Are there any ideas how can I counteract this in the meantime?
Hi @phil, for optimal browser support fonts should be added in the following file formats: .woff, .woff2, .ttf, .eot and .svg. If you have only the .ttf file you can do conversion to the other file formats here: https://transfonter.org
It does no real harm to add Eot and Svg but they are really pointless legacy formats that could only be used by a tiny number of browsers that might not even open a Blocs site nowadays.
I am not sure if Blocs 4 still adds Eot or Svg and in any case if a browser is capable of using another format it would load those first.
In order of preference you want woff2, woff and finally ttf. Between the first two you already cover almost 100% of browsers and certainly those that could actually open a Blocs site properly. The other format ttf is just slower loading and would only be called up if there was no alternative.
No I am not in charge of the knowledge base and perhaps that could be updated. There is no reason why you cannot add eot for svg; it’s just rather pointless.
If you look at that link it says you must include woff, woff2 and ttf, but for maximum compatibility you can include eot and svg. I would argue that adding those last two is just adding unnecessary files to the server.
You are supposed to select the folder, rather than individual files. Try deleting any reference to the font, then restarting blocs and adding the folder. You’ll then need to restart another time before they are available for use.
One more question … the remaining fonts that I had previously added as google webfonts will automatically become local fonts (after deactivating the webfonts)?
No you’ll need to add those separately as local fonts if you want them.
In essence it’s quite simple. The Google fonts option is just fetching some CSS styling from the Google servers to change the appearance. Local fonts are loading the physical fonts from your own server.