html5 - 這種標志是用CSS樣式做出來的嗎？
問題描述
這種評論 轉發的圖標我看了一下源碼 好像不是用的圖片 好像是一種樣式 那么這個樣式是怎么做的呢
問題解答
回答1：iconfont實現的吧:http://www.iconfont.cn/
回答2：這個找個圖標的網站，然后生成一個css文件，用的時候引用就行了
回答3：其實是用了iconfont啦在網頁中設定瀏覽者系統中沒有的字體瀏覽器下載字體文件，并用相應的字體進行渲染
所謂字體就是字符編碼對應的圖形比如下面這個電話圖標實際上就是一個字可以選中復制粘貼但是根據環境所在對應字體不同可能顯示的形式會不同最不濟的情況，可能設定的字體里面壓根沒有這個編碼對應的圖形就不會顯示了
?
具體可以看iconfont的使用
這樣做的優點顯而易見，字體也是文字，可以跟隨其他文本元素設置字體大小，顏色，裝飾，而且不會縮放失真
缺點同樣顯而易見，它不是圖片，所以像圖片那樣的彩色圖標就實現不了了
回答4：用圖標實現的，樓上發的就是一個網站，我來說點具體的。1.先在網站上選好圖標然后保存在一個項目里，然后下載到本地里（這里也可以用在線鏈接，下圖就是兩個操作方式的地方，也是在iconfont）
2.css中引入本地or在線鏈接（上圖），本地方法相同。
3.在要使用的樣式中指定font-family為icon，使用icon碼子，比如途中第一個圖標重新加載
.myIcon{ font-family: icon;}<span class='myIcon'><icon>回答5：
前端真是八仙過海各顯神通， 除了icon 還有base64 還是svg 甚至于canvas也能做
回答6：最簡單就用bootstraphttp://v3.bootcss.com/compone...link引入bootstrap，然后在標簽直接加類名就好了<button class='btn btn-default'>全屏 <span class='glyphicon glyphicon-fullscreen'></span></button>
相關文章：
1. javascript - npm下載的模塊不完整是什么問題？2. java - Spring事務回滾問題3. apache - 本地搭建wordpress權限問題4. c++ - 如何在python的阻塞的函數中獲取變量值5. node.js - 我想讓最后進入數據庫的數據，在前臺最先展示，如何做到？6. wordpress - Nginx中禁止訪問txt，robots.txt文件例外，規則該怎么寫？7. 剛放到服務器的項目出現這中錯誤，有高手指點嗎8. python - django 按日歸檔統計訂單求解9. python 操作mysql如何經量防止自己的程序在之后被惡意注入（說白了就是問一下python防注入的一些要點）10. mysql - 面試題：如何把login_log表轉換成last_login表？
網公網安備