Cách chèn FontAwesome không bị PageSpeed Insights cảnh báo

Cách chèn FontAwesome không bị PageSpeed Insights cảnh báo

Chèn link font-awesome.min.css theo cách thông thường vẫn được hầu hết các trang web sử dụng vì nó không làm ảnh hưởng đến thời gian tải trang bao nhiêu. Tuy nhiên khi bạn sử dụng trang PageSpeed Insightsbạn kiểm tra trang web sẽ bị cảnh báo với lỗi chặn hiển thị. Và để loại bỏ lỗi, cách tốt nhất là bạn thay thế link font-awesome.min.css bằng cách chèn css trực tiếp của font. Hướng dẫn chèn FontAwesome trực tiếp trong Blog Cách 1: Chèn trong thẻ <b:skin> ⋯ </b:skin> Copy <b:skin > <![CDATA[ /* FontAwesome */ @font-face{font-family:FontAwesome;src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefixamp;v=4.7.0)format('embedded-opentype'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format('woff2'),url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format(&#…