問題タブ [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 投票する
2 に答える
2466 参照

javascript - @font-face-font が読み込まれるまで最初のキャンバスの再描画を待つにはどうすればよいですか?

context.fillText(...);HTML5 キャンバスがあり、@font-face-font を使用してテキストを書きます。
Firefox (3.6) でページを表示すると、キャンバスの最初のペイントでフォントがまだダウンロードされていないため、テキストが標準フォントで表示されるという問題があります。ここ
で「解決策」を見つけましたが、フォントはキャンバスでのみ使用され、キャンバスはjQueryを使用してajaxでロードおよび表示されるため、機能しません。 timeout を使用しようとするよりも良い解決策はありますか?
setTimeout(repaintCanvas, 500);

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

firefox - @font-face の問題、Firefox はパディングを追加しますが、Chrome は追加しません

経由でカスタム フォントを使用する@font-faceと、Chrome で必要と思われるとおりにレンダリングされます。ただし、Firefox では、追加のパディング (上下) がフォントに追加されます。

問題の概要を示したサンプル ページを次に示します

私にできることはありますか?

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

font-face - オープンソースの Web フォント サーバーはありますか?

Google Web FontsFontdeck、またはTypekitサービスに似たものを探しています。

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

css - why does @font-face work on safari and not on firefox? (Mac versions)

I've used the following in the CSS file of the website. It works on safari but not on Firefox. I'm a newbie so apologies for this if it seems like a simple question. Been trying now for 3 hours.

@font-face { font-family: handwriting; src: url(http://example.com/handwriting.ttf); }

Thank you in advance.

0 投票する
5 に答える
69729 参照

css - CSS:@font-faceアンチエイリアシング

@font-faceCSSオプションに少し苦労しています。何度も読んで、試してみて、再試行した後、フォントをアップロードするとすぐに使えるパッケージになるWebサイトにようやく出くわしました。現在実行中ですが、フォントがアンチエイリアス処理されていないようです。私はこれが他のウェブサイトで起こっているのを見ていますが、私のものは見出しを私が望むようにレンダリングしていません。

私のCSSコード:

これを最後にするために何をすべきか、しかし厄介な問題はなくなりますか?

0 投票する
3 に答える
608 参照

javascript - フォント面のフォールバックとしてテキストを非表示にしますか?

クリーンなhtml5Webサイトをコーディングしようとしています。私はウェブサイトのベースとしてhtml5ボイラープレートを使用しています。それはmodernizrが付属しています。ページタイトルには、text-shadowとfont-faceを使用しており、modernizrを介して小さなcssフォールバックを設定しています(機能の1つが利用できない場合、png画像が背景として表示されます)。

つまり、コードは

ただし、ご想像のとおり、フォールバックpng画像を背景として設定すると、「ここにタイトル」というテキストが表示されたままになります。そのテキストを取り出す方法を知っていますか?できるだけきれいにしたいと思います。そのため、innerHTMLを消去するためにテキストインデントやJavaScriptを使用しませんでした。

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

css - 特定のブラウザーがダウンロードしたフォントを他のアプリケーションで使用できないようにする方法

これはWeb Fonts仕様の規定要件であるため、個々のブラウザがこれをどのように処理するか説明してもらえますか? IEはフォントが必要な期間だけフォントを一時的にインストールすることを理解していますが、Firefox、Safari、Chrome、Operaなどでこれがどのように処理されるかについては言及されていません。
ありがとう、

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

blackberry - BlackBerryでArial、TimesNewRomanなどのLabelFieldに異なるフォントを使用する方法

こんにちは友人私は画面にテキストメッセージを表示するためにLabelFieldsを使用しています。LabelFieldごとに異なるフォントが必要ですが、ブラックベリーのapiフォントを使用している場合は

FontFamily fontFamily [] = FontFamily.getFontFamilies(); フォントfont2=fontFamily [0] .getFont(FontFamily.SFF4_FONT、18);

太字のスタイルを示していますさまざまなフォントスタイルの使用方法plzは私を助けます

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

cross-browser - @font-faceの問題

作業中のサイトにカスタムフォントをロードする際に問題が発生します。

Chromeで動作するようですが、それだけです...

https://andstones.site-ym.com/

カスタムスタイルシートを添付します。

そして私が書いたスタイルシートには:

それから私はそれをフォントファミリーと呼んでいます。

しかし、それでもFirefoxやIEには表示されません...あなたが貸すことができるヘルプやアドバイスはありますか?

0 投票する
3 に答える
1053 参照

css - @font-face の合法性の問題

@font-face CSS 属性について聞いたばかりで、合法性の問題があるかどうか疑問に思っていました。

特定のフォントしか埋め込むことができないと聞いたことがありますか? スーパー マリオ ブラザーズ フォントのような完全にカスタムされたものはどうですか? それを埋め込むことは合法ですか?

ただ疑問に..