標籤:

bootstrap字體圖標原理是什麼?

css中是這樣寫的

.glyphicon-plus-sign:before {

content: "e081";

}

這樣在span中&&就會出現相應的圖標。百度搜了什麼十六進位 ASCII碼等等,看的一頭霧水,我查看svg文件源碼嘗試計算也沒算明白,誰能給我說下計算過程,是怎麼根據「e081」顯示glyphicon字體圖標的?(不用說明什麼叫十六進位什麼叫ASCII)如果我後期想自己刪改可以方便的辦到嗎?


Font Awesome------設計原理分析

這個。


答非所問一下。

題主,你看看Iconfont-阿里巴巴矢量圖標庫 可能對你有用


可以修改,這個技術我打通過~前提是你需要有一款字體編輯軟體,然後需要用圖形處理軟體(如ai)製作那種矢量的圖片,主要是要一個矢量的路徑,我不太會玩,在我看來就是要個輪廓!然後把這個輪廓「複製」到字體編輯軟體裡面去,並記住這個圖形的編碼(代號:content: "e081";)然後保存一下就可以用了~ 可以隨意更改字體顏色,字型大小來調整這個圖形,很是方便的!


truetype字體本質就是矢量圖標


推薦閱讀:

Bootstrap 框架有哪些缺點?
bootstrap的柵格系統為什麼是12列,有沒有18列,24列等等啊,採用12列有什麼好處?
有哪些類似bootstrap的純css框架?
Bootstrap的Tab可以完全替代<iframe>標籤嗎?
有了bootstrap之後,還需要專職的前端ui嗎?

TAG:BootstrapTwitter |