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

css - CSS @ font-faceを使用すると、ディセンダーが切断されるのはなぜですか?

GooglewebfontsAPIを使用してDroidSansをページに埋め込みます。子孫(つまり、y、gなどのぶら下がっているビット)を除いて、すべて問題ありません。私のWindowsVistaボックス上のFirefox、IE、Chromeの最新バージョンは、すべて底を打っています。

上記のコードは次のようになります。

ディセンダーが切断される
(出典:thinkdrastic.net

私は、、などを無駄に試しline-heightましたfont-sizepaddingである程度の成功を収めましfont-size-adjustたが、最後にチェックしたのはGeckoだけでした。誰かがこれの修正を知っていますか?

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

css - Webの非標準フォント?

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

css - ページをレンダリングする前に、HTML5 ページでフォントをダウンロードする方法はありますか?

@font-face HTML5/CSS3 を使用するとページが読み込まれ、ゆっくりとフォントが表示されます。最初にフォントをロードする方法はありませんか?

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

css - FontSquirrel @Font-Face Generator の使用: Firefox でフォントが非常にぼやけている

Mac Firefox (3.6.3)。フォントは、Chrome、Safari、IE8 でシャープに見えます (他の 2 つほどではありませんが、Firefox よりもぼやけていません)。回避策はありますか?Firefox が使用しているソース ファイルを特定するにはどうすればよいですか? CSS で強制的に別のものを選択することはできますか?

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

css - CSS: フォントごとに異なるサイズにする方法

「arial 狭い」を使用する Web サイトがあります。互換性の問題を避けるために、"Font Squirrel" フォント フェイス ジェネレーター ( http://www.fontsquirrel.com ) を使用してそのフォントの @font-face バージョンを作成しましたが、ネイティブの「Arial Narrow」を @font-face 経由でオンラインで読み込むと、フォントはネイティブの「Arial Narrow」より大きくなります。フォントにはpx単位の絶対サイズを使用しています。

ネイティブ フォントとオンライン フォントに異なるサイズを設定する方法はありますか?

以下:

前もってありがとう、私の悪い英語でごめんなさい

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

css - @font-face は Firefox では機能しません (ただし、まったく同じコードが別のサイトで機能します)

@font-face にまったく同じコードを使用している 2 つのサイトがあります。フォント ファイルはそれぞれのサイトでホストされており、パスは正しいです。

1つは機能し、1つは機能しません。(そしてもちろん、クライアントではなく、私の個人的なサイトで動作します!)

これについての新鮮な視点に本当に感謝しています!

機能する場所:

サイト: http://example.com/

CSS ファイル: http://365.example.com/index.php?css=photos/style.v.1275845154

関連するコード:

機能しない場所:

サイト: http://www.example.org/

CSS ファイル: http://www.example.org/wp-content/themes/theme/style.css

関連するコード:

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

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

text - @font-face 埋め込みフォントの高さの問題

@font-face で生成されたテキストの CSS 配置に問題があります。何らかの理由で、各文字の下部に大量の余分なスペースが表示され、テキストを含むボックスが下に伸びすぎています。

このサンプル ページのテキストを調べると、私の言いたいことがわかります。

他の多くのページをググって調べましたが、これは私を困惑させました. 誰かが助けてくれる可能性はありますか?

ありがとう!

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

css - @font-face フォントは、使用されていなくてもブラウザによって読み込まれますか?

だから私はこのスタックを持っています:

MyCustomFont.tffマシンに Helvetica が存在する場合でも (つまり、Mac ユーザー)、ブラウザーによって読み込まれますか?

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

css - CSS フォントのリンク

css のfont-familyをフォルダー内のフォントにリンクする方法を探していました。PHP と同様に、フォルダー内でフォントを使用できます。
コード例:

そのためのコードはありますか?または、独自のフォントを参照するには PHP を使用する必要がありますか?

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

android - Android の CSS フォント

@font-faceLeague Gothic を Web サイトで表示するために使用していますが、Android 1.6 では表示されません。これが、 Font Squirrel の @font-face ジェネレーターで生成された私のコードです。

サポートされていなくても大したことではありません (サポートが Android 2 で完全になくなった@font-faceことを読みました)。@font-faceしかし、League Gothic は非常に凝縮されているため、Android 用にデフォルトのサンセリフよりも優れたフォールバック フォントを指定して、デザインが完全に壊れないようにしたいと考えています。

このようなものは完璧でしょう: http://www.droidfonts.com/info/droid-sans-condensed-fonts/

しかし、Android に付属している既定のフォントの決定的なリストと、CSS でそれらを参照するために使用する名前を見つけることができません。

編集 これまでの回答は要点を逃しました(または、質問の言い方が悪い)-私が求めているのは、Androidに同梱されているシステムフォントのリストです。Androidの場合、このようなもの。