Heroku和谷歌字體

Question

爲什麼不在谷歌字體上嵌入谷歌字體？

例如：

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

編輯：原來它的作品，我的Chrome擴展程序之一是阻止它作爲一個「不安全的腳本」

Answer 1

我發現，Heroku上設置安全參數，使用谷歌字體網址。它想要使用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，使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不指定HTTP協議

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

有了這個HTTP和HTTPS工作。