老师：使用styled-components后iconfont用unicode引用没问题，但换成font-class就不对了 为什么呢 怎么解决

Question

这个是使用font-class
这个是不用styled-components

Answer 1

23届毕业生 2019-07-06 15:50:07

我的用了font-class后没有识别font-class。

Answer 2

东风破 2019-04-09 17:29:22

因为老师当时把iconfont.css中多余的代码去掉了，这些代码是使用font-class的代码

Answer 3

Dell 2018-12-23 00:34:16

看下你的fontClass对应的代码

• 23届毕业生 #1

  老师好我的用了font-class后没有识别font-class。截图在这个页面我的回答中，谢谢老师

• Dell 回复 23届毕业生 #2

  你在代码里给元素增加这个class名字了吗

• 东方双子座 回复 23届毕业生 #3

  对模板字符串中的"\"进行转义，这样就生效了。
  
  export const GlobalIconfontStyle = createGlobalStyle`
    .iconfont-search::before {
      content: "\\e62e";
      font-weight: normal;
    }
  
    .iconfont-Aa::before {
      content: "\\e636";
    }
  
    .iconfont-quill-pen-fill::before {
      content: "\\e673";
    }
  `