icon字型在vue中的使用方法

這篇文章帶給大家的內容是關於 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中文網其他相關文章！