問題タブ [font-face]

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 投票する
3 に答える
8791 参照

asp.net - @ font-faceがクライアントサイトで機能していませんか?

これはCSSコードです

それはmimeタイプに関連することができますか?

パスが正しいことを確認するにはどうすればよいですか?

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

css - Adobe Flex で、フォントの埋め込みバージョンがシステムにインストールされている同じフォントと異なる動作をするのはなぜですか?

シナリオ:

フォントを埋め込むために @font-face 宣言を利用する Flex アプリケーション。(テキストを回転できるようにするには、埋め込みフォントが必要です。)

このアプリケーションはもともと英語のアプリケーションとして開発されましたが、ローカライズ中に、アジアの文字を表示できる Unicode フォントを見つけることが必要になりました。アプリケーションの元の実装では、4 つのフォントを使用して、文字強調のさまざまな順列に対応しています。Bold、Bold Italic、Italic、および Normal はすべて、対応する Arial ファミリの Arial フォントを通じて提供されます。

問題:

次のような方法で、太字、斜体、および太字斜体に使用できるフォントとしてコンパイルしようとすると (はい、理想的ではありません。これは、実行できるかどうかを確認するための単なるテストでした):

問題は、アプリケーションのコンパイル時に Flex が不安定になり、次のエラー メッセージが表示されることです。

[ERROR] /dirpath/Style.css:[49,-1] exception during transcoding: Font for alias 'myFont' with italic style was not found at: file:/dirpath/fonts/ArialUnicode.ttf

そのため、調査の結果、Unicode は Italics も Bold もサポートしていないため、Flex コンパイラがフォントを埋め込もうとすると、css 要件を満たす指定された場所にフォントを見つけることができないため、問題が発生することが判明しました。

font-face 宣言を最も単純な形式に戻すと、次のようになります。

すべて正常にコンパイルされ、アプリケーションは通常の太さ、通常のスタイルのアジア文字を正常に表示します。ただし、スタイル シートで太字または斜体で表示されるものを表示すると、それらのスタイルでその文字をレンダリングできる埋め込みフォントもシステム フォントもないことを示すボックスが表示されます。

ここからが奇妙になります。

まったく同じ Unicode フォントがシステムにインストールされている場合、アジア文字が太字と斜体で表示され始めます。上記の css スタイルを満たすために Flex がそのフォントを埋め込もうとしたときに示されたように、太字と斜体の文字がフォントに含まれていないため、これは意味がありません。しかし、このフォントがシステム フォントとしてインストールされる前は、太字と斜体の文字を単なるボックスとして表示するために使用されていることは明らかです。これはある種の Flex ブードゥー教ですか? もしそうなら、ユーザーが外出してシステムにUnicodeフォントをインストールしなければならないことに頼ることができないので、プログラムでブードゥーを呼び出すことができる方法があります。

編集:問題を明確にする可能性のある追加情報を次に示します。

私の質問は、ローマ字の複数のフォントフェイスと太さをどのように行うかではなく、「Flex はシステムフォントに太字と斜体をどのように適用するのですか?そのフォント。」

問題を再現可能にする手順は次のとおりです。

  1. MS Arial Unicode のみをアプリケーションに埋め込み、展開します。
  2. 新しい Windows 2003 マシンで、Firefox を開き、日本語を選択します。
  3. アプリケーションの URL に移動し、太字と斜体のボックスを表示します。
  4. Firefox を終了します。MS Arial Unicode フォントを Windows 2003 システムにインストールします。
  5. Firefox を開いて繰り返します。以前はボックスだった領域が、太字/太字斜体/斜体の日本語文字になりました。

この問題を解決する方法はそれほど重要ではありません。実行可能なソリューションはたくさんあります。しかし、私が本当に知りたいのは、Flex が太字や斜体をサポートしていないと言うフォントにどのように太字や斜体を適用するかということです。

ありがとう、C

0 投票する
4 に答える
5595 参照

html - ページで使用されていない場合でも、ブラウザーはフォント フェイスをダウンロードしますか?

使用する可能性のあるすべての書体を埋め込むことができれば、開発はより簡単になりますが、ページのどこにも配置されないフォントに対する余分な HTTP 要求は絶対に望んでいません。誰でも私を啓発できますか?

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

css - @ face-fontで必要なフォントの種類と、sIFRなどのすべてのブラウザでフォントをスムーズにする方法を教えてください。

@ face-fontで必要なフォントの種類と、sIFRなどのすべてのブラウザでフォントをスムーズにする方法を教えてください。

IE 6、IE 7、IE 8、Firefox 3以降、Google ChromeおよびSafari(MAC)

必要なフォントの種類

代替テキストhttp://shup.com/Shup/325648/11032963642-My-Desktop.png

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

css - @ font-faceで使用が許可されているフォントを知るにはどうすればよいですか?

@ font-faceで使用が許可されているフォントを知るにはどうすればよいですか?

クライアントからフォントを受け取ったとしても、会社のPCにインストールされているフォントは、AdobeSoftwareとMSOfficeに付属していますか?

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

ruby-on-rails - Rails アプリ内で @font-face を動作させることができません

フォントを保存するデフォルトの場所はありますか? Rails内では、フォントをロードできませんが、fontsquirrel.comからダウンロードした「フォントキット」では、同じフォルダー内のフォント、css、およびサンプルhtmlが機能します。

これは私のcssです

}

フォントフォルダーは /public にあります

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

css - サイトのどの言語が中国語で、カスタム フォントには @font-face または sIFR を選択する必要がありますか?

サイトのどの言語が中国語で、カスタム フォントには @font-face または sIFR を選択する必要がありますか? そして、どの文字セットを選択する必要がありますか?

タイポグラフィー、ライセンス フリー フォントの提案をいただければ幸いです。

0 投票する
18 に答える
84594 参照

html - にテキストを描画する@font-faceを使用すると最初は機能しません

@ font-faceを介してロードされた書体を使用してキャンバスにテキストを描画すると、テキストが正しく表示されません。まったく表示されない(Chrome13およびFirefox5の場合)か、書体が間違っています(Opera 11)。このタイプの予期しない動作は、書体を使用した最初の描画でのみ発生します。その後、すべてが正常に機能します。

それは標準的な動作か何かですか?

ありがとうございました。

PS:以下はテストケースのソースコードです

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

javascript - How do you access @font-face in the DOM (via Javascript)?

Hi I'm looking to access @font-face with Javascript. I assume it's somewhere in the DOM but where?

I want to do this for @font-face feature detection.

Thanks!

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

css - Internet Explorer で @font-face アンチエイリアシングを行うにはどうすればよいですか?

Internet Explorer にフォントを埋め込んで@font-faceいますが、動作しますが、アンチエイリアスされていません。IE で埋め込みフォントのアンチエイリアス レンダリングを有効にするにはどうすればよいですか?