语义UI字体很棒只显示正方形

Question

• 语义UI js / css - 2.2.7
• jQuery v3.0.0
• 与Magento 2.1.2集成

我的图标<i class="help icon"></i>显示一个代码为F128的正方形，与icon.help对应，它应该显示一个帮助图标

在同一个文件中，<i class="dropdown icon"></i>显示一个下拉三角形。 css源是正确的路径，但为什么一个工作，另一个没有？

semantic css source

i.icon { backface-visibility: hidden; display: inline-block; font-family: Icons; font-style: normal; font-weight: 400; height: 1em; margin: 0 0.25rem 0 0; opacity: 1; text-align: center; text-decoration: inherit; width: 1.18em; } i.icon::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; } i.icon.dropdown:before,i.icon.triangle.down:before{ content:"\f0d7 } i.icon.help:before{ content:"\f059 }

Answer 1

图标很可能由以下选择器定义：

.icon.help {}

not（看起来不像你的css中定义的下拉图标那样）

.icon.dropdown {}

如果你必须在这里使用下拉班;你可以尝试：

<i class="dropdown help icon"></i>

但请记住，添加这些类可能会影响/覆盖“下拉”类的外观。