Heroku i Google Fonts

Question

Dlaczego osadzanie czcionek Google nie działa na Heroku?

Na przykład:

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

EDIT: Okazuje się, że to działa, jeden z moich rozszerzeń Chrome blokuje go jako „niepewnego scenariusza”

Answer 1

odkryłem że Heroku ustawia parametry zabezpieczeń za pomocą google adres URL czcionek. Chce używać https zamiast zwykłego http. Oto, co sprawdziło się dla mnie.

Zamiast:

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

użyłem

@import url('//fonts.googleapis.com/css?family=Oswald:400,700,300'); 

Jeśli zauważysz druga linia pomija http, dzięki czemu Heroku używać https. Zakładam, że prawdopodobnie użyłbyś https w linku, gdybyś chciał.

Answer 2

Wystarczy użyć protokołu HTTPS zamiast HTTP:

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

Answer 3

Zmień link HTTPS

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

Answer 4

Lepszym rozwiązaniem jest pozostawienie poza protokół całkowicie i po prostu zacząć od '//'. Prawidłowe Protocol (HTTP lub HTTPS) zostaną wykorzystane w zależności od kontekstu serwera

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

Answer 5

Albo można użyć adresu URL bez określenia protokołu HTTP

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

Z tego zarówno HTTP i HTTPS pracy.