In Safari, Hueman loads two versions (woff+svg) of each font type

[ghost]

https://wordpress.org/support/topic/in-safari-hueman-loads-two-versions-woffsvg-of-each-font-type/#post-14633907

I have discovered that Hueman loads two versions – woff and svg – of the same font in Safari, and this seems very strange to me.

Hueman now employs font preload, which loads all the self-hosted fonts (even those that are not used). The total number of loaded fonts is eight: five Titillium fonts and three Font Awesome fonts. The five Titillium fonts come in four different formats: woff, svg, eot and ttf (located in /assets/front/fonts/).

Firefox loads five Titillium fonts in woff format plus three Font Awesome fonts. However, when using Safari on both my iMac (macOS Catalina) and MacBook Air (High Sierra), the browser loads svg versions as well as the woff files.

This seems fishy. Safari loads all five Titillium fonts twice, i.e. ten Titillium files, while Firefox loads five Titillium woff files (which is normal).

I checked the number of fonts and font formats loaded by my own website, by Hueman’s demo site and by other users’ websites running Hueman. I found the same weird behaviour in Safari in all of them.

If this is a bug, is it Safari’s fault or the Hueman theme?

(I can’t remember seeing this when testing my site with earlier versions of Hueman that didn’t have the font preload feature.)

This is a rather important issue, so I was wondering if the theme author @Nikeo has been able to look into it?

Four months ago, at the end of this thread, you mentioned that you would explore the issue.

Apple products, and therefore the Safari browser, is extremely popular today. In Safari, Hueman loads svg versions as well as woff versions of the various fonts. Hueman uses a lot of fonts, and when the browser loads svg and woff versions of the same font types, the total load size gets much larger than it should be.

I have checked the number of fonts and font formats loaded by Hueman’s demo site (currently ver. 3.7.9), by my own website, and by two other users’ websites running Hueman. I found the same weird behaviour in Safari in all of them.

(As an example: On my light-weight site, all the “double loaded” fonts make up more than 70% of the total page size.)