Font class參考
字體圖示的參考準備作業：首先搜索iconfont（字體圖示矢量庫）在其中找到自己需要用到的圖示添加到購物車，然后添加到專案中，點擊下載至本地并解壓縮，
font-class 參考介紹
font-class 是 Unicode 使用方式的一種變種，主要是解決 Unicode 書寫不直觀，語意不明確的問題，
與 Unicode 使用方式相比，具有如下特點：
兼容性良好，支持 IE8+，及所有現代瀏覽器，
相比于 Unicode 語意明確，書寫更直觀，可以很容易分辨這個 icon 是什么，
因為使用 class 來定義圖示，所以當要替換圖示時，只需要修改 class 里面的 Unicode 參考，
不過因為本質上還是使用的字體，所以多色圖示還是不支持的，
font-class 參考步驟
fontclass參考第一步：新建基本HTML專案，將下載的css檔案復制到專案中的css檔案夾下；
第二步：打開下載的檔案夾中的html檔案（里面顯示你之前挑選到專案里的字體圖示），點擊fontclass，第一步：引入專案下面生成的 fontclass 代碼
在專案下新建一個html檔案，將拷貝的fontclass代碼放到style里面（如下代碼）
****注意：****改變當前檔案夾路徑為css檔案夾下的路徑，例如：
第三步：挑選相應圖示并獲取類名，應用于頁面（例如）：
如圖所示該字體圖示名為iconkefu2
好啦！！！！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/253497.html
標籤：其他