問題タブ [woff]

だから、mozilla は新しいウェブフォントを提案しました。では、Microsoft でさえサポートしているのに、なぜ私が Web 開発者として気にする必要があるのでしょうか?

古いものとの違いは？別のフォントシステムが必要ですか? どのような状況で WOFF を使用する必要がありますか? 既存のものに固執しないのはなぜですか？

また、WOFF という新しいタグも役立つかもしれません。

WOFF フォントはどの MIME タイプとして提供する必要がありますか?

truetype (ttf) フォントを としてfont/truetype、opentype (otf) を として提供してfont/opentypeいますが、WOFF フォントの正しい形式が見つかりません。

font/woff、font/webopen、およびを試しfont/webopentypeましたが、Chrome はまだ文句を言います:

「リソースはフォントとして解釈されましたが、MIME タイプ application/octet-stream で転送されました。」

誰か知ってる？

私は@font-face自分の会社のサイトで使用していますが、動作/見栄えがします。FirefoxとChromeを除いて、.woffファイルに404エラーがスローされます。IEはエラーをスローしません。私はルートにフォントを配置していますが、cssフォルダー内のフォントを試してみましたが、フォントのURL全体を指定することもできました。これらのフォントをcssファイルから削除すると、404が取得されないため、構文エラーではないことがわかります。

また、fontsquirrelsツールを使用して@font-faceフォントとコードを作成しました。

拡張子が.woffのファイルを編集できるWindows用の無料または安価なエディターはありますか（フォントファイルの拡張子がwoffであることをcssでチェックしました）。これらはGoogleWebfontsが提供するフォントであり、自由に埋め込んだり、変更したりできます。特定の言語の一部の文字に発音区別符号を追加し、そのフォントをWebサイトに埋め込みたいだけです。

私は宣言しAddType application/x-font-woff woffましたが、クロムは常に私にメッセージを与えますResource interpreted as Font but transferred with MIME type application/octet-stream。ここで何が起こっているのか、それはかなり一般的な問題のようです。ちなみにこれはChromeバージョン14です。

埋め込みフォントには@font-faceを使用しています（ Paul Irishに感謝します）。woffフォントの誤ったMIMEタイプに関するChromeの警告を修正しようとしたところ、矛盾する提案が大量に見つかりました。

.eotフォント（IE 6-8用？）を使用して提供する必要があることに誰もが同意しているようです

.ttfフォント（古い非IEブラウザ？）の場合、私は見たことがあります

そして、.woffフォント（新しい標準？）については、私は見ました

woffの正しいMIMEタイプはapplication/font-woffであることを理解していますが、標準が公式になるまで、application/x-font-woffはChromeによって理解されます。

私は質問に半分答えたことに気づきましたが、質問は本当にです：フォントにどのMIMEタイプを使用すべきかについての信頼できるガイダンスやさらなるアドバイスはありますか？

更新（他の人の助けになる場合）：信頼できるものは何もないように思われるので、.htaccessで次のフォントMIMEタイプを使用することにしました（少なくともChromeを満足させます）：

ブラウザーが Woff をサポートしているかどうかを JS (jQuery) で検出し、ボディにクラスを追加する必要があります。このようなもの：

これはどういうわけか可能ですか？回答ありがとうございます。

Web サイトで使用しているフォントがあります。woff、eot、svg の形式です。

現在、一緒に仕事をしているデザイナーがいて、彼はこのフォントでモックアップを作成したいと考えていますが、元の ttf ファイルが見つかりません。

SVG フォント ファイルの WOFF または EOT を TTF または OTF に戻すことはできますか?

どんな助けでも大歓迎です！

ありがとう

Online Font Converterのようなサービスについては知っていますが、できればコマンドラインを介したオフライン ソリューションに興味があります。WOFF をオフラインで OTF/TTF に変換するツールまたはワークフローを知っている人はいますか?

公共の Wi-Fi アクセス ポイント用のスプラッシュ ページを設計していますが、Firefox はカスタム フォントの表示を拒否しますが、他のすべてのブラウザー (IE < 9 ではありませんが、それは予想されていました) で動作します。

ページは次の制約で機能する必要があります。

• インターネットへのアクセスなし : このページは、ユーザーが利用規約に同意する前に表示されるため、すべてがブロックされます
• ページはアクセス ポイントに保存されます。これは、おそらく C で記述された組み込みサーバーを意味し、追加のヘッダーなどを実際に追加することはできません。オープンソースなので可能かもしれませんが、私は組み込み開発者ではないことは間違いありません!
• WiFi は、それが提供されている小さな町を宣伝するために使用されるため、可能な限りきれいにする必要があります。

これらの制約を満たすために、次のように @font-face をデータ URI とともに使用しました。

それは魅力のように機能します... Firefoxを除いて。古い IE では動作しないことは理解していますが、それを使用する準備はできています。しかし、いわゆる最新のブラウザーがその機能を提供しないのは奇妙に思えます。なぜこれが機能しないのですか？

編集：もちろん、フォールバックについてはたくさんのアイデアがありますが、ここでの私の質問はもっとあります.なぜFirefoxは他のブラウザと同じではないこの動作をするのですか? セキュリティ設定ですか？data-uri 実装のバグ? data-uri のサイズ制限は?