在ionic3+angular4項目中添加自定義圖標

在阿里圖標庫下載本身所須要的圖標解壓爲一下目錄css

把iconfont.xx文件所有放到src/assets/fonts/文件夾下,能夠所有替換裏面的文件,可是要把以前iconfont.css文件下的文件修改ios

自定義的圖片下的ionic

修改後的字體

注:在ionic3中引用圖標主要靠名稱來引用,由於我項目已經聲明爲ios模式,因此類名都是ion-ios-*,其中像.ion-ios-user-outline這種是tab未被選中時的樣式,每個圖標類後面必須再加一個-outline的類,否則字體圖標會沒法顯示。3d

用起來blog

這樣就能夠用你本身的圖標了,ionic自帶的圖標也是能夠用滴。圖片

相關文章
相關標籤/搜索