图标未显示语义UI

问题描述 投票:6回答:2

我正在使用gazp使用https://semantic-ui.com/introduction/getting-started.html指南构建语义UI。

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

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

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

css gulp icons font-awesome semantic-ui
2个回答
1
投票

您需要包括以包含themes / default / assets / fonts /中的字体资源

themes文件夹必须与semantic.css文件位于同一目录中。

字体是从themes目录中的semantic.css文件外部导入的。

要获取此目录,download用于语义ui的zip并查看dist文件夹。


0
投票

因为它在2019年还没有被标记为asered ...这是明确的答案。上述答案也是正确的,不是直截了当的。

所以基本上你错过的是包含图标本身。下载semantic-ui时,它会在“dist”文件夹中附带themes文件夹。您必须做的是复制该主题文件夹并将其粘贴到您的semantic-ui.css所在的项目文件夹中。它会起作用。

请记住将问题标记为已回答。

© www.soinside.com 2019 - 2024. All rights reserved.