Consider using WOFF2 font format instead of WOFF

[hvester]

You have 15 fonts that are in the WOFF format, which is not as compressed as WOFF2. Consider replacing WOFF fonts with WOFF2 fonts whenever possible. By doing so, you could save up to 124.91 KB.

Please keep in mind that the WOFF2 format may not be supported in all browsers. For instance, it is not available in IE 11 or Safari 11, as of February 2016. Fortunately, you can use “@font-face” in CSS to tell the browser to load the most recent format it understands. (See the documentation links below.)

How can I fix this and just load the fonts I’m using?

[ruenel]

Hello There,

Thanks for writing in!

Where you have gotten this? Please be advised that you may not be able to replace woff with woff2 because you are dependent on the font files it self. If the font you are using does not have woff2 file, then you will be force to use what is only available.

Please consider this code:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Now if you have used a custom font in your site, make sure that you have downloaded and installed all the font files to make sure that it works. If all the files are in place, borwsers will automatically pick which font file to use and if the file is absent, it will load what is only available.

Hope this explains it briefly.