font-weightプロパティは、フォントのウェイト(weight)を指定する際に使われます。
font-weightプロパティによって、描かれる文字列のグリフの太さや暗さが指定されます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、font-weightプロパティの値を指定する場合はfont-weight属性を利用します。
font-weight属性の値は、"normal"、"bold"、"bolder"、"lighter"、"100"、"200"、"300"、"400"、"500"、"600"、"700"、"800"、"900"、もしくは"inherit"です。
"normal"の場合は、"400"と同じです。
"bold"の場合は、"700"と同じです。
"bolder"の場合は、親要素のフォントと比べて1段階太いフォントに割り当てられた数字になります。そのようなフォントがない場合は数字だけが大きなものになります。また、親の値が"900"の場合は"900"になります。
"lighter"の場合は、親要素のフォントと比べて1段階細いフォントに割り当てられた数字になります。そのようなフォントがない場合は数字だけが小さなものになります。また、親の値が"100"の場合は"100"になります。
"100"から"900"までの数値は、数値の小さい順に順序づけられており、それぞれの値は1つ前の値と比べて少なくとも同じ太さのフォントを指定します。すなわち、数値の大きい方が太い(あるいは同じ太さ)フォントになります。
例えば、
font-weight="500"
のように書けば、フォントの太さはfont-weight="400"と書いた場合に比べて同じか太くなります。
例えば、
フォントウェイト400と700のフォントが利用できる場合、
font-size="bolder"
のように書けば、親要素のフォントウェイトが"400"の場合、"700"となります。また、親要素のフォントウェイトが"700"の場合は、"800"となります。
font-weight属性がない場合は"normal"として扱われます。
font-weightプロパティによって、描かれる文字列のグリフの太さや暗さが指定されます。
SVG Tiny 1.2では外部のCSSをサポートしていないので、font-weightプロパティの値を指定する場合はfont-weight属性を利用します。
font-weight属性の値は、"normal"、"bold"、"bolder"、"lighter"、"100"、"200"、"300"、"400"、"500"、"600"、"700"、"800"、"900"、もしくは"inherit"です。
"normal"の場合は、"400"と同じです。
"bold"の場合は、"700"と同じです。
"bolder"の場合は、親要素のフォントと比べて1段階太いフォントに割り当てられた数字になります。そのようなフォントがない場合は数字だけが大きなものになります。また、親の値が"900"の場合は"900"になります。
"lighter"の場合は、親要素のフォントと比べて1段階細いフォントに割り当てられた数字になります。そのようなフォントがない場合は数字だけが小さなものになります。また、親の値が"100"の場合は"100"になります。
"100"から"900"までの数値は、数値の小さい順に順序づけられており、それぞれの値は1つ前の値と比べて少なくとも同じ太さのフォントを指定します。すなわち、数値の大きい方が太い(あるいは同じ太さ)フォントになります。
例えば、
font-weight="500"
のように書けば、フォントの太さはfont-weight="400"と書いた場合に比べて同じか太くなります。
例えば、
フォントウェイト400と700のフォントが利用できる場合、
font-size="bolder"
のように書けば、親要素のフォントウェイトが"400"の場合、"700"となります。また、親要素のフォントウェイトが"700"の場合は、"800"となります。
font-weight属性がない場合は"normal"として扱われます。