Fira Sans не отображается

Есть такой популярный шрифт Fira. Все любят «Фиру». Но далеко не всем дано знать, какой «сюрприз» может преподнести этот популярный шрифт. 

Столкнулись мы с этой проблемой весьма неприятным и, можно сказать, позорным образом. В Студии был разработан дизайн сайта. В разные дни этот сайт посещают от 25 до 50 тысяч человек. Шаблоны были протестированы на всех популярных браузерах, на разных операционных системах. И вот, клиент открывает сайт в новом дизайне… А вместо шрифта — пустые места! И пишут об этом не кто-нибудь   из наших верстальщиков, не кто-нибудь   из отдела разработки клиента — об этом пишут люди в комментариях (для этого был предусмотрен другой шрифт).

Мы срочно приступили к изучению проблемы, но, как ни бились — не могли ее воспроизвести. На всех наших устройствах и компьютерах шрифт упорно отображался, как ему и следовало. На счастье, в редакции клиента, среди десятка рабочих машин, нашелся один с такой же проблемой. Казалось бы, в чем может быть причина?: свежий Chrome, Windows 7 — все вполне современно. Но, делать нечего — проблема есть, и ее нужно решать. 

Шрифты грузились с CDN Гугла и мы попробовали перенести их на сервер. Не сработало. Да и вообще, как можно усомниться в возможностях и непогрешимости Гугла?! Как выяснилось, именно этот глупый стереотип стоил нам увеличением процента отказов в три раза и лавиной негатива пользователей в день релиза. Нужно было лишь погуглить в Яндексе. «А ларчик просто открывался»:

<link href="//code.cdn.mozilla.net/fonts/fira.css" rel="stylesheet" type="text/css" />

Каким-то чудом, самым заботливым в Мире выступило сообщество Mozilla. Подключая именно их CDN, вы можете быть уверенными, что вашу «Фиру» увидят все и везде. И делать это нужно обязательно на любом проекте, так как выявить проблему можно лишь имея под рукой «волшебную» конфигурацию компьютера, на котором шрифт не отображается, либо 50 тысяч человек, которые готовы протестировать ваш сайт:)