时间戳

首页 > 解决方案 > 字体真棒图标未呈现

css - 字体真棒图标未呈现

问题描述

我正在尝试通过在我的 React 组件中添加它来使用字体真棒 Twitter 图标，在我的本地浏览器中它工作正常，但是当我在代码笔中复制粘贴相同的代码时它不起作用，所以知道如何解决这个问题?

标签： cssreactjsfont-awesome

解决方案

我已经设法使它与您的示例一起使用。

从此链接 ( Settings -> CSS -> Add External Stylesheets/Pens) 添加 font-awesome 作为依赖项：

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css

使用这样的图标（字体真棒新语法版本5）：

  <i className="fab fa-twitter"></i>
  <i className="fab fa-tumblr fa-2x"></i>

推荐阅读