這些日子你在每個網站上看到這些 - 現在幾乎沒有任何網站沒有它們。圖標字體幾乎被「接管」。但創建這些工具至少是一個問題 - 對我來說。自動化的網頁/圖標生成
由於我有視力障礙,我和一位能爲我製作SVG字形的設計師合作 - 他們每個人都單獨存儲。例如:
arrow_left.svg
arrow_right.svg
現在,我沒有任何字體編輯器或圖形編輯器如Photoshop或Adobe Illustrator爲了挑圖標在一起成一字型。而且我也是一個書呆子,做我終端內的95%的發展。像創建一個發行版等。
現在我決定我想自動創建字體。隨着我們逐漸接近一組我喜歡並認爲合適的圖標,我覺得是時候開始將它變成一個合適的webfont或iconfont。這兩個術語似乎都用於同樣的事情。
我的主要開發環境由Github Atom,NodeJS和PHP組成。我不使用Gulp或Grunt,而是使用NPM腳本。
我有什麼方法/方式來自動生成webfont?我想實現的是:
- 有我的字體的SVG,TTF,WOFF,EOT文件。
- 無需擔心charmap,讓工具決定。
- 創建CSS文件以供使用。