>通過流行的圖標字體庫(如字體Awesome(4.7,〜75KB))的挑戰是,大多數項目僅利用一小部分可用圖標。 不必要地加載整個庫會增加頁面重量。 fontello通過允許您選擇
所需的圖標來解決此問題。
創建自定義字體
icon-facebook
>icon-fb
)。 設置按鈕允許前綴修改(例如,更改默認的icon-
前綴)。 您還可以調整單個圖標代碼。
集成字體
social-media.css
<i class="icon-classname"></i>
。
icon-classname
> Fontello提供了一個龐大的庫,您可以導入自定義SVG圖像。 確保您的SVG適當準備:刪除填充物,顏色,複雜的規則(例如
填充)和胖線屬性;將輪廓加入單一輪廓。 evenodd
性能獲得高級配置
CORS標題:
如果在單獨的域上託管字體文件,請在
>中設置正確的MIME類型:.htaccess
>字體模仿類型:<code class="language-htaccess"><filesmatch>
Header set Access-Control-Allow-Origin "*"
</filesmatch></code>
.htaccess
fontello簡化了創建輕巧的自定義圖標字體。 即使是看似小的文件大小減少,也會積累以顯著提高網站性能。 考慮使用它來優化圖標字體工作流程。
以上是使用Fontello僅加載您需要的圖標字體的詳細內容。更多資訊請關注PHP中文網其他相關文章!