Столкнулся со странной проблемой — шрифты, которые я подключаю в CSS, отображаются не всегда корректно.

Font Awesome подключается стандартным способом, устанавливается через bower.

В норме, все должно выглядеть так:

Но иногда, по абсолютно не понятной для меня причине, шрифты отображаются вот так:

Обычно, это происходит сразу после загрузки сайта на хостинг. Скажем, первые раз 10 на странице шрифты отображаются не правильно, а потом — нормально.

Ну, на 100% не уверен, но возможно в этом может быть:
— подключен шрифт без кирилицы
— отображение восстановится при смене жирности и/или размера. Т.е. именно Ваше сочетание жирности и размера приводит к такому эффекту.
Я у себя наблюдал, подобное при изменении размера шрифта в px с шагом в 0,1рх при определенной жирности.

UPD. Присмотрелся, вроде как 1 вариант. Сверху латинские норм, а снизу кириллица заменилась на другим шрифтом и стала корявая
Или включите в шрифт кириллицу или поменяйте шрифт на другой с поддержкой кириллицы.

В каждом браузере есть шрифты, которые в нём установлены по умолчанию. Изменение стандартных шрифтов может не только испортить внешний вид браузера, но и нарушить работоспособность некоторых сайтов.

Причины изменения стандартных шрифтов в браузерах

Если вы ранее не меняли стандартные шрифты в браузере, то они могли измениться по следующим причинам:

  • Другой пользователь редактировал настройки, но при этом вас не предупредил;
  • На компьютер попал вирус, который пытается изменить настройки программ под свои нужды;
  • Во время установки какой-либо программы вы не сняли галочки, которые могли отвечать за изменения стандартных настроек браузеров;
  • Произошёл системный сбой.

Способ 1: Google Chrome и Яндекс.Браузер

Если у вас сбились настройки шрифтов в Яндекс.Браузере или Google Chrome (интерфейс и функционал обоих браузеров очень схож между собой), то вы сможете их восстановить, используя данную инструкцию:

  1. Нажмите на иконку в виде трёх полос в верхнем правом углу окна. Откроется контекстное меню, где вам нужно выбрать пункт «Настройки».

Долистайте страницу с основными параметрами до конца и используйте кнопку или текстовую ссылку (зависит от браузера) «Показать дополнительные настройки».

Найдите блок «Веб-содержимое». Там нажмите на кнопку «Настроить шрифты».

Данная инструкция больше всего подходит для Яндекс.Браузера, но может быть использована и для Google Chrome, правда, в этом случае вы можете столкнуться с некоторыми незначительными отличиями в интерфейсе.

Способ 2: Opera

Для тех, кто пользуется Оперой, как основным браузером, инструкция будет выглядеть немного по-другому:

    Если вы используете последнюю версию Opera, то тогда нажмите на логотип браузера в верхнем левом углу окошка. В контекстном меню выберите «Настройки». Также можно воспользоваться удобной комбинацией клавиш Alt+P.

  • Теперь в левой части, в самом низу, поставьте галочку напротив пункта «Показать дополнительные настройки».
  • В этой же левой панели перейдите по ссылке «Сайты».
  • Обратите внимание на блок «Отображение». Там нужно использовать кнопку «Настроить шрифты».

    • Способ 3: Mozilla Firefox

    В случае с Firefox инструкция по возврату стандартных шрифтовых настроек будет выглядеть следующим образом:

      Чтобы открыть настройки, нажмите по иконке в виде трёх полос, которая расположена прямо под крестиком закрытия браузера. Должно всплыть небольшое окно, где нужно выбрать иконку шестерёнки.

    Пролистните страницу немного ниже, пока не дойдёте до заголовка «Язык и внешний вид». Там вам нужно обратить внимание на блок «Шрифты и цвета», где будет кнопка «Дополнительно». Используйте её.

  • В «Шрифты для набора символов» поставьте «Кириллица».
  • Напротив «Пропорциональный» укажите «С засечками». «Размер» поставьте 16 пикселей.
  • «С засечками» выставьте Times New Roman.
  • «Без засечек» — Arial.
  • В «Моноширинный» поставьте Courier New. «Размер» укажите 13 пикселей.
  • Напротив «Наименьший размер шрифта» поставьте «Нет».
  • Для применения настроек нажмите «Ок». Сверьте свои настройки с теми, которые видите на скриншоте.

    • Способ 4: Internet Explorer

    Если вы предпочитаете использовать в качестве основного браузера Internet Explorer, то восстановить шрифты в нём можно следующим образом:

      Для начала зайдите в «Свойства браузера». Чтобы это сделать, воспользуйтесь иконкой шестерёнки в верхнем правом углу.

    Откроется небольшое окошко с основными параметрами браузера, где нужно нажать на кнопку «Шрифты». Вы найдёте её в нижней части окошка.

  • Появится ещё одно окно со шрифтовыми настройками. Напротив «Набор знаков» выберите «Кириллица».
  • В поле «Шрифт на веб-странице» найдите и примените Times New Roman.
  • В соседнем поле «Шрифт обычного текста» укажите Courier New. Здесь список доступных шрифтов небольшой, если сравнивать с предыдущим пунктом.
  • Для применения нажмите «ОК».

    • Если у вас в браузере по каким-то причинам сбились все шрифты, то вернуть их к стандартным значениям совсем несложно, и для этого необязательно переустанавливать текущий браузер. Однако если настройки веб-обозревателя часто слетают, то это повод лишний раз проверить свой компьютер на наличие вирусов.

    Отблагодарите автора, поделитесь статьей в социальных сетях.