首頁  >  文章  >  web前端  >  icon字型在vue中的使用方法

icon字型在vue中的使用方法

不言
不言原創
2018-08-25 10:04:521452瀏覽

這篇文章帶給大家的內容是關於 icon字體在vue中的使用方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

因為專案是vue搭建的 用unicode 字元不方便,就只能設定class。
一開始以為是版本問題,但也沒有結果。找了下樣式裡面的字體路徑也是沒問題的。
最後嘗試加了一段css,發現就沒問題了。這個是layui.css裡面沒有的,不知道layui的大佬們要不要考慮加進去。

[class^="layui-icon-"], [class*="layui-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: layui-icon !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
-webkit-text-stroke-width: 0.2px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

程式碼貼上了。碰到同樣問題的朋友可以嘗試下

相關推薦:

關於shortcut icon和icon程式碼的區別介紹_HTML/Xhtml_網頁製作

關於網頁收藏夾圖示shortcut icon與icon程式碼的差異(轉載)_html/css_WEB-ITnose

以上是icon字型在vue中的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn