問題タブ [font-face]

既存のコードでは、.EOT 埋め込みフォントの CSS @font-face 宣言がありましたが、これは Internet Explorer で実際に問題なく動作しました。.ttf フォントを直接埋め込むことを除いて、Firefox も 3.5 で埋め込まれていることを今読んだ。そこで、Firefox の @font-face 宣言を変更して試してみました。

それは機能しますが、完璧とは言えません。

まず、以前は .EOT フォントで表示されていた斜体と太字がページに表示されません。

第二に、さらに気がかりなのは、次の動作です。

Firefox は、埋め込まれた ttf フォントを表示する前に、デフォルトのフォントを 0.5 秒間点滅させます!

これは本当にばかげているように見えます。

この 2 番目の問題に関しては、回避策があることを私が望んでいる理由は、Cufon埋め込みフォントでもまったく同じ問題があるからです。ただし、終了タグの直前に呼び出す Cufon.now() JS 関数を提供し</body>、問題を解決します。おそらく、その関数の JS コードを既に確認しているはずですが、これに関する専門家はほとんどいません。

また、同じデフォルトのフォントの点滅は、IE または Safari にはありません。

@font-face宣言でのSVGフォントの使用法を調査しています。これまでのところ、Safari4とOpera10のみがサポートしているようです。Firefox 3.5はそれをサポートしていませんが、バグレポートがありますが、修正はまだ提供されていません（パッチはありますが）。

主要なブラウザで@font-faceがサポートされているので、TTF / OTF / EOT形式の代わりにSVGフォント形式を使用する利点は何ですか？上でリンクされた議論から私が収集できる唯一の利点は、まだそれらをサポートしていないフォントにあなた自身の欠けているギルフを追加できることでした。

CSSでSVGフォントを指定する他の理由はありますか？

@font-face CSS プロパティを使用して、Web サイトの見出し用の特別なフォントを読み込みます。読み込み時間を短縮するために、Apache にフォントを圧縮して送信してもらいたいです。

ただし、Apache 2 の deflate モジュールの「AddOutputFilterByType」宣言は MIME タイプのみを受け入れ、知る限り、opentype も truetype も MIME タイプを登録していません。

では、font.otf または font.ttf ファイルを収縮/圧縮するように Apache を構成するにはどうすればよいでしょうか?

ウェブでピクセルフォントを使いたいです。@font-face を使用して含めていますが、すべてのブラウザーがフォントにアンチエイリアスを適用しています。これを無効にする CSS ルールが見つからないようです。アンチエイリアスを無効にする別の方法を考えられる人はいますか?

Internet Explorer にきれいなフォントをレンダリングさせようとしています。動いていない。それらは Firefox で正常に動作し、IE がフォントをプルしたことを Apache アクセス ログで確認できます。そのため、font-face CSS タグを解析しているだけで、レンダリングしていません。

フォントの変換に使用したサイトはhttp://www.kirsle.net/wizards/ttf2eot.cgiです。Microsoft の WEFT ツールを試しましたが、正しく動作しませんでした。インストールして開いた後、「初めて実行する場合は、これを実行してください...」と表示された後、ハングアップし続けました。

これが私のCSSです：

IE がフォントをレンダリングしない理由について何か考えはありますか?

編集:また言及する必要があります、私はフォントを次のように呼び出しています:

手書きのカスタム フォントを作成したアーティストの Web サイトを構築しています。彼は、このフォントをサイト全体で広く使用したいと考えています。読みにくいのですべての本文コピーではなく、見出し、ナビゲーション、吹き出しなどに使用したいと考えています。

ファイルを入手しました - TrueType フォント ファイルです。

PHP ベースの CMS を使用してサイトを構築します。

ページ名、タイトルなどを CMS でクライアントが編集できるようにしながら、この目的のためにこのカスタム フォントを使用する最善の方法は何ですか? できるだけ多くのユーザーに対応したいのですが、サイト訪問者の一部が Arial や Verdana など、ボディ コピーに選択したものを見たとしても問題ありません。

@font-face を試してみる必要がありますか? PHP を使用してサーバー上にイメージを作成しますか? シフ？このサイトはしばらく存続する可能性が高いので、できるだけ前向きに考えたいと思います。同時に、誰も自分の Web サイトでフォントを使用したり、コピーをダウンロードしたりできないようにしたいと思います。

彼の現在の既存のサイトに関する背景情報: 1 日あたり約 500 回のアクセス (2000 ページ ビュー) を伴うかなり忙しいサイト。

ブラウザ統計:

IE: 48% (IE6 の IE ユーザーの 10%、IE7 の 42%、IE8 の 48%)

FF: 32% (3.5.5 で 38%、3.0.15 で 29%、3.5.4 で 11%、2.0.0.20 で 4%、3.5.2 で 5%)

Safari: 17% (531.9 で 53%、531.21.10 で 13%、528.16 で 7%、525.22 で 5%、530.19 で 4%)

Chrome: 2% (3.0.195.33 では 41%、3.0.195.27 では 31%、3.0.195.32 では 21%、4.0.223.16 では 4%)

font-face を使用した Web サイトで使用できる、優れたフォント内の優れたサイトをいくつか知っていますか? 私が知っているいくつかのサイトがありますが、「商用プロジェクト」で使用できるフォントを検索し、それらは MIT または (新しい) BSD で最適にライセンスされるべきですか?

主要な Web およびデスクトップの電子メール クライアントはフォント フェイス機能をサポートしていますか? 彼らがそうではないと仮定するのは論理的ですが、とにかく私が尋ねると思っていました. 誰もテストしましたか？

サイトでフォントを使用しています: http://www.fontsquirrel.com/fonts/Bentham

しかし、私には問題があります:

この @font-face 表示フォントは、サポートされているブラウザーごとに異なって見えます。どこでも同じようにレンダリングするにはどうすればよいでしょうか?

私は@font-faceを使用しており、インデックスページをロードするときにIEでも完全に機能しています。ただし、IEを使用してモーダルウィンドウを開いても機能し、モーダル内のリンクをクリックしてモーダルに新しいページを表示します。そのページ、前のページ、および閉じた場合でも、Helveticaに戻ります。モーダルマイインデックスはHelveticaになりました。さらに奇妙なことに、CSSのベースフォントとしてGeorgia/serifが設定されています。誰かがこれに精通している、または情報のあるページへのリンクを持っているなら、私は感謝するでしょう。現時点では作業ページ/コードへのリンクを提供したくありませんが、誰かがこの問題などにすぐに精通している場合は、それは素晴らしいことです。ありがとうございました。