私のGoogleフォントがモバイルデバイスに表示されないのはなぜですか？

Question

私のウェブサイトでは、http://jimbrink.org、私はRoboto Slabフォントを使用しています。 （実際には、テンプレートにRobot Slabフォントを使用するテンプレートを採用しています。）

モバイルブラウザではフォントが表示されないことに気付きました。しかし、私はなぜそれが理解できません。

style.default.cssファイルのすべてのフォント呼び出しはRoboto Slabです。私は、iOSデバイスとAndroid（Chromeブラウザ）でサイトをテストしました。

EDIT：私のCSSスタイルシートは、ここで見つけることができます：http://www.jimbrink.org/css/style.default.css

この記事の本文中に掲載するにはあまりにも長かったです。

Answer 1

サイトを見て、ソースを調べた後に、一重引用符で囲まれたGoogleフォントと二重引用符で囲まれたものを指定することがあります。私は過去にこの問題に遭遇し、二重引用符を使用するようにデフォルト設定しましたが、コンパイルされたCSSを見ても、引用が宣言から削除されたように見えます。

font-family: "Roboto Slab";のような二重引用符を使用してみて、これが機能するかどうかを確認してください。なぜこの問題が発生するのか分かりませんし、現時点ではコードをテストすることはできませんが、これが役立つことを願っています。そうでなければ、あなたのCSSを投稿して、私が家に帰るときに見てみよう。あなたのHTMLで

Answer 2

（Googleのフォントから）それは言う：http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,100%7CRoboto:400,700,300,100

はおそらく試してください：https://fonts.googleapis.com/css?family=Roboto+Slab