我在 Joomla t3 模板上安装了自定义字体、Roboto Light 和 Roboto Regular。 当我添加 Font Awesome Icon 时，自定义字体未正确显示： 在 Firefox 中显示为衬线类型 在 Safari 和 Chrome 中，Roboto Light 显示为常规或粗体。 同样的冲突也显示在 glyphicon 类中。 有人可以帮助我吗？
链接：http://kulimot.ch.mistral.ch-meta.net/index.php/de/entsorgungsysteme/ballenpressen.html
【问题讨论】：
标签： joomla fonts joomla3.0 font-awesome
从您添加到问题的链接中，您似乎已经这样做了：
<td class="glyphicon glyphicon-ok">
MACFAB-Abfallpressen können die Abfallmenge um bis zu 90% reduzieren
</td>
虽然这是一个字形图标，而不是字体很棒的图标，但您可能不应该在td 本身上设置该样式，而应在td 中添加一个i 元素。像这样的：
<td>
<i class="fa fa-folder-open pull-left"></i>
MACFAB-Abfallpressen können die Abfallmenge um bis zu 90% reduzieren
</td>
附：这段代码使用了一个很棒的字体图标而不是一个 glpyhicon。
【讨论】：
i 元素内有了文本。 我再次检查了您的页面。看来您现在有一个图标，但您现在在 i 元素内有文本。您的文本位于<i> 开头和</i> 结束标记内。查看我从您的页面复制的代码：
<td>
<i class="fa fa-bar-chart-o fa-4"> Sie benötigen nur wenig Platz</i>
</td>
如果您这样做，文本将采用i 定义的样式。基本上它会使用这些样式中定义的字体。
幸运的是，从这一点开始，解决方案很简单（我在您页面中的代码上尝试过，它对我有用）。只需将文本从 i 元素中取出即可。
<td>
<i class="fa fa-bar-chart-o fa-4"></i>
Sie benötigen nur wenig Platz
</td>
附：不知道为什么 &nbsp; 会出现在文本的末尾，您可能希望它位于图标和文本之间。所以将它移到文本的前面。
【讨论】：