Googleウェブフォントがウェブサーバー上で動作していません

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url('cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'); 
} 

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url('DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff') format('woff'); 
}

URLからフォントをダウンロードしましたので、私はオンラインでなくても使えました。このコードは、.htmlファイルをクリックしてブラウザで開くときに機能します。しかし、すべてのファイルをローカルのWebサーバー上に置くと、動作しません。Googleウェブフォントがウェブサーバー上で動作していません

アイデア？心に留めて、私はインターネットに接続されません。 @Kyle iは、フォント・ファイルへのURLをチェックしますまず

を示唆したよう

出典

2011-06-20 Adam

あなたのファイルはCSSファイルと同じディレクトリにありますか？私は実際にGoogleが人々がフォントファイルをダウンロードしないようにするために使っているハックを試してみたのだろうか？ –

アダムが正しく解決され、この動作のための様々な理由があるかもしれません。上記のCSS宣言より、ブラウザはCSSが存在するのと同じディレクトリにファイルが存在すると見なされるようです。

第2とyes google は、ファイルのダウンロード/ダウンロードをブロックしています。これをチェックする唯一の方法は、Googleサービスからロードするフォントをまず使用することです（ファイルのサイズをメモしてから、ダウンロードしてサイズを確認してください）。それらが同じである場合、それらはは、タグに指定されているブラウザは、（フォントAPIスタイルシートの要求を送信すると

第三webfontsがここに特定のブラウザである必要はありダウンロードは説明が自分から

であることができませんあなたのウェブページ）、Font APIはリクエストを出した特定のユーザエージェントのために生成されたスタイルシートを提供します。

フォントがhtmlファイルを開くことによって、コンピュータ上で正常に動作しますが、ない場合はその都度お使いのブラウザはディレクトリから、あなたが実際に小さなCSSのスニペットをダウンロードしているフォント[フォントファミリー

出典

2011-07-29 05:27:18 Deeptechtons

その奇妙な要求ローカルホストとすべてのフォントファイルをコピーして、同じディレクトリに配置してもよろしいですか？ファイル名はとても複雑で長いので、名前を間違えているかもしれませんか？同じブラウザを使用していますか？

いいえ、Googleがファイルをダウンロードさせないようなものはありません。ちょうど確かめるために、Googleフォントからフォント（GloriaHallelujah）をダウンロードし、次のコードでテストしました。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Google font test</title> 
    <style type="text/css" media="screen"> 
    @font-face { 
     font-family: GloriaHallelujah; 
     src: url('GloriaHallelujah.ttf'); 
     } 
    h1 { font-family: GloriaHallelujah, helvetica, arial; }  
    </style> 
</head> 
<body> 
    <h1> Hello World </h1> 
</body> 
</html>

これはデスクトップ上だけでなくローカルホスト上でも問題なく動作します。同じフォントをhereからダウンロードして、同じディレクトリに置いて、あなたのlocalhostでテストしてみてください。

出典

2011-07-29 07:11:39 Roman

私のWindows 7 IISサーバーでは、動作するようにMIMEタイプにwoffを追加する必要がありました。

出典

2012-08-02 14:07:54 Matt

Googleウェブフォントがウェブサーバー上で動作していません

答えて

関連する問題