製作自定義圖標字體，html引用web字體
1、安裝Adobe Illustrator CS6（注：http://www.lookae.com/adobecc/）下載破解安裝
2、安裝Adobe Photoshop CS6（注：http://www.cncrk.com/downinfo/39089.html）
3、下載save-ps-to-svg1.0.jsx（注：http://hackingui.com/design/export-photoshop-layer-to-svg/）
4、把save-ps-to-svg1.0.jsx拷貝到C：/Adobe Photoshop CS6/Presets/Scripts文件夾
5、把jsx裝載到ps,流程：文件–腳本–瀏覽–選擇剛拷貝的jsx，加載成功則會在腳本–Save as SVG
6、製作透明的圖標形狀，將文件後綴名改爲gou.svg,接一來點擊Save as SVG則會生成gou.svg.ai
7、但我們最終需要的是.svg文件，所以需要打開Adobe Illustrator CS6工具，再點擊Save as SVG則會在文件夾中生成gou.svg.ai,gou.svg兩個文件，按照此種方法，可以生成我們想要的任何圖標文件
注：也可以直接在Adobe IIIustrator CS6中操作，步驟與PS一致
8、因我們的瀏覽器的兼容性，所以需要導成.svg,.ttf,.eot,.woff等字體圖標文件，我借用在線網站來生成（https://icomoon.io/app）導入生成的svg文件，然後選擇，最後下載打包文件，則得到我們期望以久的.svg,.ttf,.eot,.woff文件啦
9、就可以按照字體的使用方式，進行調用操作啦
