2016-09-18 74 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頁面速​​度中獲得更好的分數。