Всегда выбирайте гарнитуры шрифтов в Google Fonts!

Обнаружил забавный баг с Google шрифтами

Забавно, но нигде до этого не встречал инфы об этом. Я думал, что если не указывать гарнитуры загружаемых шрифтов, то они загрузятся все, однако Firefox так не думает.:)

Вот HTML, что был заюзан изначально:

<link href="https://fonts.googleapis.com/css?family=PT+Sans|Exo+2:300,400,600,700&amp;subset=cyrillic" rel="stylesheet">

Гарнитуры для PT Sans не были указаны, давайте посмотрим как выглядел сайт.

 

Сначала я подумал что это просто межбраузерная несовместимость, однако решение оказалось довольно простым:

<link href="https://fonts.googleapis.com/css?family=PT+Sans:300,400,600,700|Exo+2:300,400,600,700&amp;subset=cyrillic" rel="stylesheet">

Как видно на следующем скриншоте, прописав все необходимые гарнитуры, мы решили проблему с рендерингом шрифтов:

 

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

 


Мораль проста — ВСЕГДА указывайте требуемые гарнитуры! Это поможет при решении проблем подобных этой, а также поможет сайту быть более оптимизированным!

 

Комментарии

comments powered by Disqus
Яндекс.Метрика