为什么font-face的图标没有生效呢
仿写淘宝首页,第一次使用font-face,谅解一下哈。我按照视频讲解手动创建font-face生成图标,但是显示出来的是‘口’,请问哪里出问题了呢?
这是需要实现的样子

我运行的结果是这个样子:

我先将我的代码放出来
html页面ul下代码为:

iconfont下载的代码是没有问题的:

样式表的代码(相对地址我也有修改呀):

我是将这五个文字的文件放在了font文件夹内

为什么我会出现‘口’的问题呢?望小伙伴能花费几分钟的时间帮我看一下,谢谢(鞠躬)
这是需要实现的样子

我运行的结果是这个样子:

我先将我的代码放出来
html页面ul下代码为:

iconfont下载的代码是没有问题的:

样式表的代码(相对地址我也有修改呀):

我是将这五个文字的文件放在了font文件夹内

为什么我会出现‘口’的问题呢?望小伙伴能花费几分钟的时间帮我看一下,谢谢(鞠躬)
...全文
相关推荐
Bootstrap-font 中600多个图标,可以改图片大小、颜色,调用简单方便
Bootstrap-font 中600多个图标,可以改图片大小、颜色,调用简单方便,共3个文件(html/css/woff),html打开就能看到所有图标,调用方法 class="fa fa-glass" 其中fa可以改大小和颜色,fa-XXX为图标,可以结合css查找想要的
详解如何在css中引入自定义字体(font-face)
本篇文章主要介绍了详解如何在css中引入自定义字体(font-face),能将自定义的字体添加到网页中,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Vue项目中如何引入icon图标
主要介绍了Vue如何引入icon图标,本文通过图文并茂的形式给大家介绍的非常详细,需要的朋友可以参考下
CSS3 icon font完全指南(CSS3 font 会取代icon图标)
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样。那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法
fa-snapchat:Font Awesome的Snapchat图标
fa-snapchat:Font Awesome的Snapchat图标


