2015-05-23 85 views
0

這些日子你在每個網站上看到這些 - 現在幾乎沒有任何網站沒有它們。圖標字體幾乎被「接管」。但創建這些工具至少是一個問題 - 對我來說。自動化的網頁/圖標生成

由於我有視力障礙,我和一位能爲我製作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文件以供使用。

回答