問題タブ [webfonts]

Google は Web フォントを提供しています - http://code.google.com/webfonts

それらは Firefox で動作しますが、FF にはクロスサイト フォントの使用を停止するセキュリティ ポリシーがあります - http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/ (Cross-Site Font を検索してください)使用法）。

彼らがこれをどのように行うかを推測できる人はいますか? 「アクセス制御ヘッダー」を使用していますか? それをテストする方法はありますか？

また、アクセス制御ヘッダーを追加することにセキュリティ上の懸念はありますか?

前もって感謝します。

サイトで Google フォントを使用すると、矛盾が生じます。

私はArvo Regular自分のサイトに Bold をインポートしていますが、IE 7 が毎回期待どおりにフォントをレンダリングしていないことがわかりました。最初の例は、どのように表示したいかです。

例 1

2 番目の例は、フォントをロードしているように見えますが、代わりに通常のバリアントをロードしています。どのバージョンが表示されるかは毎回ランダムのようです。

例 2

ご想像のとおり、毎回適切なフォントを実際にロードするというギャンブルではなく、毎回例 1 のように表示する必要があります。

Googleは、この記事でWebフォントを使用するためのいくつかのテクニックを説明しています

それらは2つの方法を提示します：

• webfont.jsを使用する
• APIキーとgoogle.loadを使用する

私はすでにAPIキーを使用してjqueryをロードしていますが、次の行を読むと、それを実行するための最良の方法のように見えました。

"すでにGoogleのAJAXAPIを使用している場合は、[ google.loadテクニック]を使用してください" _

しかし、彼らは続けて次のように述べています。

「最初の方法[webfont.jsテクニック]の方が速い」

Q1

彼らはwebfont.jsメソッドの方が速いと言っていますが、ネットワークから他のファイルをロードするためにすでに使用しているという理由で、遅いメソッドを使用するようにアドバイスしています。彼らのアドバイスを彼らの単純な間違いとして無視し、より速い方法を使うべきですか？

Q2

javascriptコールバックを書くことに興味がない場合、次のいずれかよりもこれらの手法のいずれかを使用することに利点はありますか？：

@font-faceCSS でルール以上のものを使用するにはどうすればよいですか?

これをスタイルシートに挿入しました：

これは現在、サイトのテキスト全体にのみ適用されます。しかし、h1別のフォントを使用するように指定したいと思います。これどうやってするの？

私はかなり長い間 font-squirrel を使用してきましたが、FOUT を生成しないため、そのジェネレーターと @font-face メソッドに本当に満足していました。しかし、最近開発用のプロジェクトが来て、生成しようとするとエラーが発生しました

フォント abc.otf はジェネレーターによってブラックリストに登録されています。ごめん

abc.otf は font-file です。現在、クライアントはフォントのライセンスを購入しています。唯一の問題は、開発中にフォントの使用方法がわからないことです。Cufon はスタイリングの変更をサポートしておらず、ホバー テキストに別の色を使用する必要があるため、使用したくありません。

IE7+ {EOT}、firefox、webkit の @font-face バリアントを生成できる Web サイトを探しています

別のドメインでウェブフォントをホストできるかどうか知りたいのですが、私のCSSはAmazon CloudFrontと私のウェブフォントでもホストされていますが、表示されません。私のcssがローカルにあるときは問題ありませんでした。

これはCloudFrontの私のstyle.cssです：

スタイルシートは、サブドメインstatic.mydomain.com/style.cssを使用してCloudFrontでホストされます。Webフォントは、static.mydomain.com / app / files / fonts/allerdisplay-webfont.ttfからダウンロードできます。

残念ながら、スタイルシートがmydomain.comから呼び出されると、ロードされません。それが制限なのか、それともそのようなものなのかと思っていました。

ありがとう

これは私を夢中にさせています。

IE9 でサイトをテストしたところ、「ライブ」バージョンが、私が使用している Web フォントを開発バージョンよりも小さくレンダリングしていることがわかりました。

以下は、スクリーン グラブの選択です。

Font Squirrel @font-face キットを使用しています。ご覧のとおり、サイトのローカル バージョンを表示する場合は、Firefox、Chrome、さらには IE9 でも問題ありません。

ローカル バージョンとライブ バージョンの唯一の違いは、フォントがライブ サイトの別のドメインから読み込まれていることです (Firefox と Chrome で動作するという事実からわかるように、クロスドメイン ポリシーを正しく設定しました)。

IE8 でどのように見えたか思い出せません (Microsoft は、やはり開発者のことを考えておらず、IE8 の上に IE9 をインストールし、それらを同時に実行するオプションはありません)。

サイトはhttp://enplanner.comにあるので、ソースを表示できます。

これについての助けをいただければ幸いです - 事前に感謝します。

編集: IE9 を削除したところ、IE8 のローカルとライブの両方でまったく同じに見えることがわかりました。IE8 は、IE9 よりも FF/Chrome に近い優れたレンダリング エンジンを備えているようです。これはかなり憂鬱な発見です。

Firefox では、ページがロードされると、指定された font-face を使用してレンダリングされる前に、(接続速度に応じて) しばらくデフォルトのフォント (Times New Roman など) が表示されます。これが高速にならないことは理解していますが、たとえば、フォント フェイスの読み込み時に変更される前に、Arial をデフォルト フォントとして設定するにはどうすればよいですか?

フォント「AndaleMono」をHTMLページに埋め込もうとしていますが、フォントは次の拡張子になっています：.eot、.svg、.ttf、.woff

とにかく、すべてのブラウザで動作させることができますか？Firefox、Chrome、Safariで正常に動作させることができましたが、IEでは動作しません。

これが私が最後に見つけたものです：

前もって感謝します。

FontSquirrel のフォント ジェネレーターからいくつかの Web フォント キットを生成し、それらを css ファイルに入れます。それらは機能しますが、ファイルが css ファイルと同じディレクトリにある場合に限られます。

別のディレクトリを指定しているときにそれらを機能させるにはどうすればよいですか??

現在のコード:

すべてのファイルを に保存したいと思います/assets/webfonts。

試し/assets/webfontsてみました../assets/webfonts...これらは機能しません...

ありがとう、トム