4

私は大丈夫になる方法があるかどうか疑問に思っています、グーグルウェブフォントはダウンしています代わりにフォントソースとしてこれを使用しますか？window.jqueryを実行して、google jquery cdnがダウンしているかどうかを確認し、代替ファイルを提供する方法のようなものはありますか？

4

2 に答える 2

7

2番目のオプションとして、自分のサーバーにインストールされているWebフォントのバージョンを指定するだけです。

<link href='https://fonts.googleapisx.com/css?family=Cantarell' rel='stylesheet'>
<style>
@font-face {
    font-family: 'cantarellregular';
    src: url('cantarell-regular-webfont.eot');
    src: url('cantarell-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cantarell-regular-webfont.woff') format('woff'),
         url('cantarell-regular-webfont.ttf') format('truetype'),
         url('cantarell-regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { font-family: Cantarell, cantarellregular; }
</style>

サーバーのフォントファミリには別の名前が必要です。この例では、FontSquirrel @font-facegeneratorによって生成された名前を使用しました。

このように、ブラウザは最初にGoogleサイトからフォントファイルを取得しようとします。これが何らかの理由で失敗した場合は、サーバーからフォントファイルを取得します。

グーグルサイトがダウンするのが心配なら、なぜあなたはあなた自身のサーバーからのフォントを単に使用しないのだろうか。（表示されることはめったにありませんが、サイトへの接続は正常ですが、ユーザーのデバイスからGoogleサイトへの接続が切断される可能性があります。）

于 2013-02-26T19:13:15.017 に答える
1

複数のフォントファミリを一覧表示すると、その順序で表示されます。例えば

font-family: 'Skranji', cursive, Verdana, Geneva, sans-serif;

これはGoogleウェブフォントSkranjiを使用し、それが利用できない場合はVerdanaにぶつかります。

于 2013-02-26T18:42:29.733 に答える