图标未显示语义UI

Question

但是,问题是现在图标没有显示.所以,如果我使用<i class="facebook icon"></i>,没有任何东西出现.

我想我还没有建立图标字体或类似的东西.

是否有必要自己加载Font Awesome或类似的东西？我已经阅读了Semantic UI文档,但我找不到任何说明我必须做任何事情才能启用图标.

Answer 1

您需要包含位于 themes/default/assets/fonts/ 中的字体资产

该主题文件夹必须在同一目录作为您semantic.css文件。

字体是从主题目录中的语义.css 文件外部导入的。

要获取此目录，请下载语义 ui 的 zip文件并查看dist文件夹内。

Answer 2

我遇到了同样的问题，在你的 html 的头部使用这个链接标签，你很高兴：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" />

这是从他们的官方网站上得到的。