Heroku и Google Fonts

Question

Почему не встраивание шрифтов Google работает на Heroku?

Например:

<link href='http://fonts.googleapis.com/css?family=<some_kinda_font>' rel='stylesheet' type='text/css'> 

EDIT: оказывается, она работает, один из моих расширений хрома блокировал его как «небезопасный сценарий»

Answer 1

Я обнаружил, что Heroku устанавливает параметры безопасности для использования Google шрифты url. Он хочет использовать 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'); 

Если вы заметили, что вторая линия выходит из НТТР, позволяя Heroku использовать протокол HTTPS. Я предполагаю, что вы могли бы использовать https в ссылке, если хотите.

Answer 2

Просто используйте HTTPS вместо HTTP:

<%= stylesheet_link_tag "application", 'https://fonts.googleapis.com/css?family=<font_name>', :media => "all" %> 

Answer 3

Изменить ссылку на HTTPS

 
<link href='https://fonts.googleapis.com/css?family=some_kinda_font' rel='stylesheet' type='text/css'> 

Answer 4

Лучший подход является убирание протокол вообще и просто начать с '//'. Правильный протокол (HTTP или HTTPS), будет использоваться в зависимости от контекста сервера

<link href='//fonts.googleapis.com/css?family=some_kinda_font' 
rel='stylesheet' type='text/css'> 

Answer 5

Или вы можете использовать URL без указания протокола НТТР

<%= stylesheet_link_tag "application", '//fonts.googleapis.com/css?family=<font_name>', :media => "all" %> 

С этим как HTTP и HTTPS работы.