2013-06-05 12 views
18

Googleフォントの埋め込みがHerokuで機能しないのはなぜですか?HerokuとGoogleフォント

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

EDIT:たとえば

は、それが私のChromeの拡張機能の一つは、私はHerokuのは、グーグルを使用するためのセキュリティパラメータを設定することを発見し、「安全でないスクリプト」

答えて

42

としてそれをブロックして、作品が判明しますフォントのURL。通常のhttpではなくhttpsを使用したいと考えています。ここに私のために働いたものです。代わりの

:あなたは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'); 

を使用しました。私はあなたがしたい場合はおそらくリンクでhttpsを使用することができると仮定しています。

+0

ありがとうございました!助けられた男 –

12

単純にHTTPではなくHTTPSを使用します。HTTPS

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

これは他のすべてを試した後、私のために働いた。 – j0e

1

変更]リンクよりよいアプローチは完全にプロトコルをオフに残して、ちょうど '//' で開始することです。正しいプロトコル(HTTPまたはHTTPS)は、サーバコンテキスト

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

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

それとも、HTTPとHTTPSの両方が動作これにより、HTTPプロトコル

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

を指定せずにURLを使用することができますに応じて使用されます。

関連する問題