Question

我在Joomla t3模板上安装了自定义字体，Roboto Light和Roboto Regular。当我添加Font Awesome Icon时，自定义Font未正确显示：在Firefox中显示为serif类型在Safari和Chrome中，Roboto Light显示为常规或粗体。同样的冲突也与glyphicon类一起显示。有些人可以帮助我吗？

链接：http://kulimot.ch.mistral.ch-meta.net/index.php/de/entsorgungsysteme/ballenpressen.html

Answer 1

从您添加到问题中的链接中，您似乎已经完成了此操作：

<td class="glyphicon glyphicon-ok">
    &nbsp;MACFAB-Abfallpressen können die Abfallmenge um bis zu 90% reduzieren
</td>

虽然这是一个字形图标而不是字体真棒图标，但您可能不应在td本身上设置该样式，而是在i中添加td元素。像这样：

<td>
    <i class="fa fa-folder-open pull-left"></i>
    &nbsp;MACFAB-Abfallpressen können die Abfallmenge um bis zu 90% reduzieren
</td>

P.S。此代码使用font-awesome图标而不是glpyhicon。

Answer 2

我再次检查了你的页面。现在看来你现在有了一个图标，但现在你在i元素中有了文本。您的文字在<i>开头和</i>结束标记之内。查看我从您的信息页中复制的代码：

<td>
    <i class="fa fa-bar-chart-o fa-4"> Sie benötigen nur wenig Platz</i>&nbsp;
</td>

如果这样做，文本将采用i定义的样式。基本上它将使用这些样式中定义的字体。

幸运的是，从这一点来看，解决方案很简单（我在页面中的代码上尝试了它，它对我有用）。只需从i元素中获取文本。

<td>
    <i class="fa fa-bar-chart-o fa-4"></i> 
    Sie benötigen nur wenig Platz&nbsp;
</td>

P.S。不确定为什么文本末尾有 ，你可能想要它在图标和文字之间。所以将它移到文本的前面。

Font Awesome自定义字体显示错误？

2 个答案: