フォント ファミリでバックアップ フォントを使用する場合、センチュリー ゴシックの代わりに軽量バージョンの futura を使用したい場合があります。css でこれを指定するにはどうすればよいですか? 通常はidだけを書く
p {font-family:"century gothic", futura; font-weight:300; font-size:14px;}
しかし、それは世紀のゴシックの重量も300にしますよね?
フォント ファミリでバックアップ フォントを使用する場合、センチュリー ゴシックの代わりに軽量バージョンの futura を使用したい場合があります。css でこれを指定するにはどうすればよいですか? 通常はidだけを書く
p {font-family:"century gothic", futura; font-weight:300; font-size:14px;}
しかし、それは世紀のゴシックの重量も300にしますよね?
CSS スタイルはセレクターのみに適用されます。この場合、すべての p タグに適用されます。
「センチュリー ゴシック」はここではセレクターではありません。font-weight と font-family はまったく異なります。それらはセレクターに適用されます。
300 は「センチュリー ゴシック」には影響しません。p タグを使用して定義されたすべての段落のフォントの太さを変更するだけです。
それはJavascriptでしかできないと思います。
これをチェックしてください:http://lucassmith.name/2009/05/test-if-a-font-is-installed-via-javascript.html
デモはこちら: http://lucassmith.name/pub/font_installed.html
フォントがインストールされていない場合は、別のfont-weight
.
いいえ、font-weight
フォント ファミリが何であれ、300 に等しくなります。ただし、ほとんどすべてのフォントには 300 バージョンがないため、通常は 400 (通常) にマップされます。Futura (利用可能な場合 - ほとんどのコンピューターにはありません) のように、300 に対応するバージョンのフォントがある場合、ウェイト設定が有効になります。
ブラウザやシステムによっては軽量版も独自の名前で呼ばれることがあるので、みたいなのp {font-family:"century gothic", "futura light"; font-size:14px;}
が有効かもしれません。フォントの太さの処理は、ブラウザーでは非常に厄介です。