首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >FontAwesome图标在css内容中不起作用

FontAwesome图标在css内容中不起作用
EN

Stack Overflow用户
提问于 2018-06-09 02:56:04
回答 2查看 1.1K关注 0票数 0

我正在输入以下代码:

代码语言:javascript
复制
a::before {
    content: "\f061";
    font-family: FontAwesome;
} 

但是字体很棒的图标并没有出现,只是一个空的方块。

有什么问题吗?

谢谢!

EN

回答 2

Stack Overflow用户

发布于 2019-12-05 03:22:47

试试这个,它对我很有效:)

代码语言:javascript
复制
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
or
@import url("https://use.fontawesome.com/releases/v5.2.0/css/all.css");

a::before {
   content: "\f061";
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   text-decoration: inherit;
} 
票数 1
EN

Stack Overflow用户

发布于 2018-09-03 23:45:21

来自@TemaniAfifThis answer可能会有所帮助。

代码语言:javascript
复制
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
@import url("https://use.fontawesome.com/releases/v5.2.0/css/all.css");

.fp-prev:before {
    color:#000;
    content: '\f35a'; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50766867

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档