Пользовательский шрифт неправильно отображается с шрифтом Awesome?

Question

У меня есть пользовательский шрифт, Roboto Light и Roboto Regular, установленный на шаблоне Joomla t3. , когда я добавляю шрифт Awesome Значок пользовательского шрифта не показан правильно: в Firefox показать как засечка тип В Safari и Chrome индикатор Roboto показан как обычный или полужирный. тот же конфликт показан также с классами глификона. Может кто-нибудь может мне помочь?

Ссылка: 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> 

Хотя это значок глифа, а не шрифт удивительного icon, вы, вероятно, не должны устанавливать этот стиль на самом 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. Этот код использует шрифт-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. Не знаете, почему   есть в конце вашего текста, вы, вероятно, хотели его между значком и текстом. Поэтому переместите его в начало текста.