Question

我在din react Js项目中工作。令我惊讶的是，字体真棒无法正常工作。真的我不确定为什么这部分不起作用。这是我的代码

 .profileImage {
        position: relative;
        &:after{
            content:'\f107';
            position: absolute;
            right: -10px;
            top: 50%;
            transform: translateY(-50%);
            width: 10px;
            height: 10px;
            font-size: 12px;
            font-family: $fa-font-path;
        }
   }

$ fa-font-path; 。这是一个自定义变量。

Answer 1

如果要在CSS中使用FA，请确保已安装FA

npm install --save font-awesome

并添加

import 'font-awesome/css/font-awesome.min.css

在您的index.tsx

中

字体真棒在React JS中不起作用？

1 个答案: