【前端】小图标不显示

最新推荐文章于 2021-08-12 10:44:37 发布

而我想成为一个有趣的妞

最新推荐文章于 2021-08-12 10:44:37 发布

阅读量908

点赞数

分类专栏：前端 CSS

本文链接：https://blog.csdn.net/weixin_41728561/article/details/88758414

版权

前端同时被 2 个专栏收录

46 篇文章 0 订阅

订阅专栏

CSS

12 篇文章 0 订阅

订阅专栏

问题描述：

css:

.nav > .uk-inline > button:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 14px;
    vertical-align: 0;
    padding-left: 3px;
}

原因：没有引用FontAwesome

引用：

@font-face {
	font-family: 'Conv_georgiab';
	src: url('../fonts/georgiab.eot');
	src: local('☺'), url('../fonts/georgiab.woff') format('woff'), url('../fonts/georgiab.ttf') format('truetype'), url('../fonts/georgiab.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot1');
  src: url('../fonts/fontawesome-webfont.eot?') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

别忘记在相应的位置放入fonts文件

结果: