Google шрифты перестали работать внезапно. Что вызвало это?

Question

Я использую Google Web Fonts на моем сайте по адресу http://ryanscowles.com. Они работали нормально, до пары дней назад. Я не изменял шрифты в CSS, но они больше не работают. Я изначально звонил им:

@import url("http://fonts.googleapis.com/css?family=Enriqueta:700|Actor"); 

но для целей тестирования я сейчас пытаюсь импортировать их отдельно.

@import url(http://fonts.googleapis.com/css?family=Enriqueta:400,700); 
@import url(http://fonts.googleapis.com/css?family=Actor); 

Ни один не кажется, загрузки, и в веб-инспектора Хрома стили, которые применяются шрифты, кажется, вычеркнуты. Например, h1 в левом верхнем углу должен быть шрифтом Enriqueta.

Любые идеи?

Answer 1

Я подозреваю, что проблема в том, что у вас есть комментарии перед правилами @import. Правило @import должно появиться перед всем остальным содержимым в таблице стилей, и я считаю, что это включает комментарии.

Однако я рекомендую использовать @import для Google Web Fonts, попробуйте использовать метод link вместо этого, например, как:

<link href='//fonts.googleapis.com/css?family=Enriqueta:400,700' rel='stylesheet' type='text/css'> 

Это более быстрый и надежный способ для добавления стилей на страницу, для получения дополнительной информации см. эту статью: don't use @import.