本篇文章给大家带来的内容是关于 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中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号