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