fontello не работает над темами подчеркивания Wordpress

Question

У меня проблема с Fontello - everythink работает на localhost, но когда я загрузил тему (созданную на основе подчеркивания) на сервере, она не работает (на самом деле она работает на главная страница - устанавливается как начало в wordpress - бот не на других).

Вы можете проверить это на моем тестовом домене webblaster.pl.

Главная страница OK- на левом нижнем торце фиксируется «SocialMedia» бар - еще не стиль - вот почему он выглядит так некрасиво :)

Но ->fotografia-home -> kontakt на дне вы можете увидеть некоторые из них не правильно загружена шрифты.

В головной части я прилагаю файл CSS, используя:

<link href="<?php bloginfo('stylesheet_directory'); ?>/fonts/fontello/css/fontello.css" rel="stylesheet" type="text/css"> 

Я понятия не имею, что неправильно - пытался изменить реж но это не сработало.

Я буду признателен за любую помощь :)

Answer 1

это, кажется, так что некоторые из ваших правил CSS отменяет друг друга.

В /wp-content/themes/paulinakozan/fonts/fontello/css/fontello.css есть правило:

[class^="icon-"]::before, [class*=" icon-"]::before { 
    display: inline-block; 
    font-family: "fontello"; // <-- IMPORTANT LINE! 
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    line-height: 1em; 
    margin-left: 0.2em; 
    margin-right: 0.2em; 
    text-align: center; 
    text-decoration: inherit; 
    text-transform: none; 
    width: 1em; 
} 

Но другой CSS загружается ваш сайт: /wp-content/plugins/modula-best-grid-gallery/scripts/modula.css?ver=4.4.2 и есть еще одно правило:

[class^="icon-"]::before, [class*=" icon-"]::before { 
    font-family: "modula-icons" !important; // <-- ANOTHER IMPORTANT LINE! 
    font-style: normal !important; 
    font-variant: normal !important; 
    font-weight: normal !important; 
    line-height: 1; 
    text-transform: none !important; 
} 

Второе семейство шрифтов определение modula-icons определяются как важно, поэтому он выигрывает против fontello! Именно поэтому ваши значки загружены неправильно. Значки просто не присутствуют в модуле-значках.

Если я открываю ваш сайт в хроме и отключает правило модульных значков на панели инструментов разработчика, социальные значки отображаются правильно.