Почему в Heroku не работает встраивание шрифтов google?
Например:
<link href='http://fonts.googleapis.com/css?family=<some_kinda_font>' rel='stylesheet' type='text/css'>
EDIT: он работает, один из моих расширений chrome блокировал его как "небезопасный script"
Я обнаружил, что heroku устанавливает параметры безопасности для использования URL-адреса google. Он хочет использовать https вместо простого http. Вот что сработало для меня.
Вместо:
@import url('http://fonts.googleapis.com/css?family=Oswald:400,700,300');
Я использовал
@import url('//fonts.googleapis.com/css?family=Oswald:400,700,300');
Если вы заметите, что вторая строка не содержит http, позволяя героку использовать https. Я предполагаю, что вы могли бы использовать https в ссылке, если хотите.
Просто используйте HTTPS вместо HTTP:
<%= stylesheet_link_tag "application", 'https://fonts.googleapis.com/css?family=<font_name>', :media => "all" %>
Лучший подход - полностью отказаться от протокола и начать с "//". Правильный протокол (HTTP или HTTPS) будет использоваться в зависимости от контекста сервера
<link href='//fonts.googleapis.com/css?family=some_kinda_font'
rel='stylesheet' type='text/css'>
Или вы можете использовать url без указания протокола http
<%= stylesheet_link_tag "application", '//fonts.googleapis.com/css?family=<font_name>', :media => "all" %>
С этим работают как http, так и https.
Измените ссылку на HTTPS
<link href='https://fonts.googleapis.com/css?family=some_kinda_font' rel='stylesheet' type='text/css'>
@import генерирует блокирующий CSS, что вызывает более медленную загрузку страницы. Использование дополнительного поиска DNS для ваших шрифтов делает это еще хуже. Для повышения производительности я бы @import на @font-face и разместил шрифты локально/на вашем собственном веб-сервере. Вы можете загрузить шрифты с помощью помощника по загрузке Google Fonts.
ВАЖНОЕ ПРИМЕЧАНИЕ. Помещать название вашей компании перед тем, что бесплатно предоставляется сообществу, не круто (Google Fonts). Использование этого для создания "бесплатного сервиса" для отслеживания поведения людей в сети еще более не круто. Большинство людей называют это воровством (плагиатом) и слежкой. Мы говорим нашим детям, что это плохо. Мы (как веб-разработчики) не должны способствовать этому. Мы НЕ должны кормить Google Fonts нашим посетителям. Просто скачайте эти бесплатные шрифты и обслуживайте их со своего веб-сервера. Они (должны) не имеют ничего общего с Google. Если вы являетесь владельцем любого из этих шрифтов, не позволяйте Google размещать их. Прекратите содействовать массовому наблюдению. Спасибо.