font-synthesis CSS3

font-synthesis プロパティは、フォントファミリに太字または斜体がない場合に、 UA が太字または斜体の合成をできるかどうかを指定します。

名前:font-synthesis
: none | [ weight || style ]
初期値:weight style
適用対象:全ての要素
継承:する
パーセンテージ:n/a
メディア:visual(視覚的)
計算値:as specified(指定通り)
アニメーション:できない

Value(値)

none
合成できない
weight
太さが指定されていない場合、UA は太字を合成できない
style
スタイル(斜体など)が指定されていない場合、UA は斜体を合成できない

HTML source

<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   p  { font-family: "MS 明朝"; font-weight: bold; font-style: italic; font-size: 24pt; }
   p.test1 { font-synthesis: none; }
   p.test2 { font-synthesis: weight; }
   p.test3 { font-synthesis: style; }
   p.test4 { font-synthesis: weight style; }
  </style>
 </head>
 <body>
   <p class="test1">あいうえお</p>
   <p class="test2">あいうえお</p>
   <p class="test3">あいうえお</p>
   <p class="test4">あいうえお</p>
 </body>
</html>

display

あいうえお

あいうえお

あいうえお

あいうえお

※ Firefox58.0.2にて表示確認(2018/3/9)

上に戻る