問題タブ [woff]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
7120 参照

fonts - rubyを使用したTTF(TrueType)からWOFF(WebFont)への変換

rubyを使用して.ttfファイルを.woffファイル(webfont)に変換するにはどうすればよいですか?

ユーザーがttfファイルをアップロードし、変換して、woffファイルを埋め込むことができるようにする必要があります。

0 投票する
1 に答える
640 参照

.htaccess - virtualHost なしの Zend (リダイレクト ルール)

私が使用するすべてのテスト環境で、(仮想サーバーを作成せずに) htdocs から直接 ZendFramework を使用しようとしているいくつかの場所を読みました。これは開発環境です。そのため、セキュリティの問題を気にしたり、ホスト ファイルを毎回変更したりしたくありません。xampp 1.7.3を使用してWindowsで作業しています

Zend 構造を再作成しますが、フォルダー内で htdocs にします。言いましょう: C:\xampp\htdocs\project

今では、プロジェクトのルートで次の .htaccess を使用して解決策を見つけました

C:\xampp\htdocs\project\public 内では、デフォルトの Zend .htaccess を使用します

私のレイアウトでは、baseタグを追加して、img、css、および js リンクをリダイレクトします。プロジェクト (woff ファイル) に css フォントを含めようとすると、htaccess ルールのどこかにリダイレクトされて 400 エラー コードが発生するという問題が発生します。

私の質問は次のとおりです。ここで何が問題なのですか? すべてのコントローラー(phpファイル)をリダイレクトする方法はありますが、他の既存のファイルはリダイレクトできません

ところで... htaccessファイルを自分で動作させる方法が見つかりません。私はいつも助けを求めていました:(

前もって感謝します

0 投票する
2 に答える
3633 参照

ruby-on-rails-3 - Rails 3 Web フォント (woff) MIME タイプ

静的アセットからいくつかの Web フォント (.woff) を提供しており、正しい MIME タイプ ( ) を設定したいと考えていますapplication/x-font-woff。私はこれをやろうとしましたconfig/initializers/mime_types.rbが、効果がありませんでした:

返された MIME タイプはそのままapplication/octet-streamでした。この行を追加しようとさえしました (これは、レール ソース内で string を見つけることができる唯一の場所だったためです"woff"):

しかし、それでも役に立ちませんでした。Web フォントの MIME タイプを正しく設定するにはどうすればよいですか?

0 投票する
2 に答える
1298 参照

fonts - TrueType および OpenType フォントを Web で使用するために WOFF に変換する必要がありますか?

TrueType フォントと OpenType フォントを Web 上で直接使用する方法はさまざまあることを知っています。ただし、これらのファイルをどのように提供する必要があるかを示す正規のリファレンスを見つけることができませんでした。正しい MIME タイプを特定するのに特に問題があり、フォント ファイルの正しい MIME タイプは何ですか? と尋ねました。これを決定するのに役立ちます。

私はWOFF ファイル形式 1.0の W3C 仕様に出くわしました。これにはメディア タイプの登録が含まれています。仕様には、「適切にライセンスされた TrueType/OpenType/Open Font Format ファイルは、Web で使用するために WOFF 形式でパッケージ化できる」と記載されています。

TrueType および OpenType フォント ファイルの処理方法に関する正規の情報源を見つけることができなかったため、ファイルを WOFF 形式に変換することがベスト プラクティスである可能性があるという仮説を立てました。これは事実ですか?

そうでない場合、いつ WOFF ファイルを使用する必要があり、対応する.otfor.ttfファイルを使用する方がよいのはいつですか?

0 投票する
1 に答える
117 参照

regex - WOFFマッチング正規表現

次のようなWOFFリンクの各フォント名を検証しようとしています。

次のコードを使用して

これはかなりうまくいきます。ただし、私は決して正規表現の専門家ではないので、私の正規表現はかなり素朴なものだと思います。それを磨くのを手伝っていただければ幸いです。

0 投票する
2 に答える
154179 参照

html - Webサイトに.woffフォントを使用するにはどうすればよいですか?

CSSがフォントにアクセスできるように、フォントはどこに配置しますか?

.woffファイルでブラウザに非標準フォントを使用しています。ファイル「awesome-font.woff」に保存されている「awesome-font」としましょう。

0 投票する
2 に答える
6316 参照

web - 複数の.woffファイルを1つに結合します

私が管理しているWebサイトには、フォントごとに1つずつ、いくつかの.woffファイルがあります。読み込み時間を節約するために、リクエストの数を減らしたいと思います。これらのwoffファイルを1つのリソースに結合することは可能ですか?

0 投票する
1 に答える
2127 参照

c# - PrivateFontCollection.AddMemoryFontはWOFFファイルで機能しますか?

フォントのリンクを取得し、送信されたフォントの形式で書かれたものの画像を返すことになっているWebアプリケーションを作成しようとしています。

フォントファイルを読み取るストリームを開いて、ファイルのInPtrをPrivateFontCollection.AddMemoryFontに送信しているので、後でグラフィックオブジェクトで使用できます。有効な.ttfファイルを使用するとすべてが正常に機能しますが、.woffフォントファイルを使用しようとすると、AddMemoryFont行に「System.IO.FileNotFoundException:ファイルが見つかりません」というファイルが表示されます。エラーなしで読み取ります。

オンラインコンバーターを使用して.woffファイルを.ttfに変換しようとしましたが、新しい.ttfファイルでコードを実行すると、完全に機能しました。

.woffファイルの使用に問題がありますか、それとも機能させるために何かを変更する必要がありますか?

0 投票する
1 に答える
801 参照

font-face - ポストスクリプトの輪郭でwoffをエクスポートする| Sfnttoolの使い方は?

font-faceキットを作成するには、font squirrelによるfont-faceジェネレーターを使用します:http ://www.fontsquirrel.com/fontface/generator

ただし、これはポストスクリプトの輪郭をサポートしておらず、TrueTypeの輪郭を持つwoffのみをエクスポートします。それを行うためのウェブサイトやプログラムはありますか?

<-編集->

Typophileの人が、私はsfntly(http://code.google.com/p/sfntly/)を使用できると言っていましたが、これを使用する方法がまったくわかりません。誰もがそれから始めることを知っていますか?

0 投票する
1 に答える
2666 参照

css - CSS:太字フォントファミリーのフォールバックを設定するにはどうすればよいですか?

私はこのように埋め込んだ独自のカスタムフォントを使用しています:

したがって、太字フォントを使用したい場合は、次のようにします。

また、デフォルトで太字のタイポグラフィを使用するすべてのcss定義を上書きする必要があります。

ご覧のとおり、この.woffファイルには「太字」の定義がないため、font-weight:normal設定font-weight:boldするとブラウザが正しいフォントを見つけられず、フォールバックを実行するため、設定する必要があります。

@font-faceしたがって、これは.woffファイルをサポートするブラウザーで非常にうまく機能します。古いiOSデバイスなど、そうでないブラウザの場合、次のようなフォールバックを設定する必要があります。

したがって、helveticaへのフォールバックは機能しますが、設定されているため、テキストは太字ではありませんfont-weight:normal

さて、ここに問題があります:

  • 設定font-weight:boldすると、woffファイルを処理できるブラウザーは、woffファイルで定義したフォントを使用する代わりに、デフォルトのフォントにフォールバックします。
  • 設定font-weight:normalすると、woffファイルを処理できない古いブラウザはテキストを太字で印刷できなくなります。

私は何をすべきか?