Шрифты в браузере отображаются некорректно

Столкнулся со странной проблемой – шрифты, которые я подключаю в 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. Здесь список доступных шрифтов небольшой, если сравнивать с предыдущим пунктом.

Для применения нажмите «ОК».

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

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