2016-09-18 18 views
1

我在想如何加载Font Awesome。什么是最快加载字体真棒?

我应该使用JavaScript代码还是CSS?我应该把它放在我的HTML文件中?如果我使用JavaScript代码,我应该使用哪些选项?

下面是字体真棒CDN界面的屏幕截图创建嵌入代码时: screenshot of the Font Awesome CDN interface when creating an embed code

现在,我使用的是JavaScript文件,我不明白为什么谷歌的PageSpeed告诉我“删除阻止显示的JavaScript资源“,尽管我在</body>结束标记之前放置了脚本...

注意:我正在使用Font Awesome CDN

在此先感谢您的帮助。 :)

+0

加载字体真棒的最快方式是当你加载一次,然后它不断从你的浏览器缓存来。 – GSerg

+0

其实我使用的是GitHub Pages,它们似乎没有使用浏览器缓存...... –

回答

0

我认为最好使用CSS,并将其包含在HTML文件的头部。

+0

感谢您的回答,但请您解释一下吗? –

0

目前加载字体真棒的最快方式是使用cloudflare CDN。 如果您使用WordPress,请使用此功能。

function add_font_awesome() { 
    wp_enqueue_style('fontawesome-css-new','//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); 
}; 
add_action('wp_enqueue_scripts', 'add_font_awesome'); 

此外,你可以编辑字体真棒文件以删除不必要的元素,但这是浪费时间。你也可以在页脚中加载字体真棒文件而不是头文件,以便在Google页面速​​度中获得更好的分数。