Heroku e Google Fonts

Question

Perché l'incorporamento dei caratteri google non funziona su Heroku?

Ad esempio:

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

EDIT: risulta funziona, una delle mie estensioni di Chrome è stato il blocco come un "copione insicuro"

Answer 1

ho scoperto che Heroku imposta i parametri di sicurezza per l'utilizzo di Google carattere url. Vuole usare l'https invece del semplice http. Ecco cosa ha funzionato per me.

Invece di:

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

ho usato

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

Se si nota la seconda linea lascia fuori l'http, permettendo Heroku per usare HTTPS. Suppongo che potresti probabilmente usare https nel link se lo desideri.

Answer 2

Basta utilizzare HTTPS invece di HTTP:

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

Answer 3

Change link per HTTPS

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

Answer 4

Un approccio migliore è quello di lasciare fuori il protocollo del tutto e solo iniziare con '//'. Il protocollo corretto (HTTP o HTTPS) verrà utilizzata a seconda del contesto del server

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

Answer 5

oppure è possibile utilizzare l'url senza specificare il protocollo http

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

Con questa sia HTTP e HTTPS lavoro.