Your plugin use font-awesome.min.css which will download font files?

Hi,

I am using Chrome DevTools Coverage tab and analyzing my page https://www.datanumen.com/blogs/5-useful-ways-to-fix-error-the-outlook-data-file-was-not-cleanly-closed-by-the-last-program-that-used-it/.

I notice the following code:

<link data-minify=”1″ rel=’stylesheet’ id=’simple-share-buttons-adder-font-awesome-css’ href=’https://www.datanumen.com/blogs/wp-content/cache/min/1/font-awesome/4.3.0/css/font-awesome.min.css?ver=1628732293&#8242; type=’text/css’ media=’all’ />

It seems that your plugin will load font-awesome.min.css(4.3.0) and then in font-awesome.min.css it will download some font files, as below:

@font-face {
    font-display: swap;
    font-family: 'FontAwesome';
    src: url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/../fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/../fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/../fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/../fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal
}

Is it possible to host the font files in our own server? Or delay load the font-awesome.min.css so that to delay load the fonts?

Another big CSS file is ssba.css, it is 123kb in size. Can I delay load it? Or customize and reduce its size manually?

Thanks

• This topic was modified 3 years, 3 months ago by chcw.