您好,登錄后才能下訂單哦!
這篇文章主要介紹了bootstrap字體圖標是什么,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
什么是字體圖標?
字體圖標是在 Web 項目中使用的圖標字體。雖然,Glyphicons Halflings 需要商業許可,但是您可以通過基于項目的 Bootstrap 來免費使用這些圖標。
為了表示對圖標作者的感謝,希望您在使用時加上 GLYPHICONS 網站的鏈接。
獲取字體圖標
我們已經在 環境安裝 章節下載了 Bootstrap 3.x 版本,并理解了它的目錄結構。在 fonts 文件夾內可以找到字體圖標,它包含了下列這些文件:
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff
相關的 CSS 規則寫在 dist 文件夾內的 css 文件夾內的 bootstrap.css 和 bootstrap-min.css 文件上。
這里有200個class,每個class針對一個圖標。這些class的常見格式如下:
.glyphicon-keyword:before { content: "hexvalue"; }
如需使用圖標,只需要簡單地使用下面的代碼即可。請在圖標和文本之間保留適當的空間。
<span class="glyphicon glyphicon-search"></span>
感謝你能夠認真閱讀完這篇文章,希望小編分享bootstrap字體圖標是什么內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。