Мне не удается заставить шрифты Google работать в Chrome
Я использую предложенный Google элемент ссылки для получения шрифта (который, как подтверждают инструменты разработчика, работает нормально).
ссылка rel = "stylesheet" href = "http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic"
В файле CSS я устанавливаю семейство шрифтов как Roboto Condensed для всех элементов h2, button, select и input.
В Google Chrome не отображаются только шрифты. Я загрузил сюда файлы, с которыми у меня возникла проблема, http://gmwildlife.org.uk/mapapp/_dev/
связанный файл css - http://gmwildlife.org.uk/mapapp/_dev/style/app.css
При проверке инструментов разработчика в Chrome я могу подтвердить следующее
* Roboto успешно извлечен клиентом - я вижу текст ответа
* При проверке элемента ввода, например, я вижу, что вычисленный шрифт -family - это Roboto Condensed, т.е. Chrome не вычисляет, что специфичность css перезаписывает Roboto Condensed где-то еще
* В журнале консоли нет сообщений об ошибках
Я подумал, что это может быть та же проблема, о которой сообщалось и было решено здесь
Шрифты Google не отображаются в Google Chrome
Однако я пробовал как обходной путь CSS webkit, так и обходной путь javascript по отдельности и вместе, и ни один из них не работает. Любая помощь будет принята с благодарностью. Я потратил два дня, переписывая большие куски страницы и пытаясь взломать решение вместе, используя различные комбинации без результата, то есть запрашивая open sans и roboto по отдельности и вместе (как сейчас), размещая стили в разных местах DOM.
Спасибо за чтение этого.