Apr. 19th,2021
プロパティについて
概要
“font-size-adjust”プロパティはテキストに複数のフォントが混在するときに大文字に対する小文字の大きさの比率を調整するためのプロパティです。
テキストのうち一部の文字で“font-family”プロパティで指定されたフォントが使用できず、代替のフォントが使用される場合にはフォントによって大文字と小文字の大きさの比率が異なるので可読性を損なう可能性がありますが、“font-size-adjust”プロパティでこれを防ぐことができます。
サンプルコード
p { font-size-adjust: 0.9;}
値
“font-size-adjust”プロパティで調整された文字の大きさは以下の式によって算出されます。
c = ( a / a' ) * s
s = “font-size”プロパティの値
a = “font-size-adjust”プロパティの値
a' = フォントの本来の大文字と小文字の比率
c = 調整された文字の大きさ
どのフォントに対しても適用されますが、“font-family”プロパティで指定された1個目のフォントの比率をもとに計算されます。正しく値が設定された場合“( a / a' ) = 1”となるので1個目のフォントの文字の大きさは調整されません。
“font-size-adjust”プロパティはフォントサイズの使用値には影響しますが、計算値には影響しません。なので、“line-height”プロパティの使用値には影響しません。
また、フォント相対長で指定された長さに影響する場合があります。“em”は影響されませんが、“ex”や“ch”は“font-size-adjust”プロパティの影響を受けます。
使用例
小文字の大きさを調整しない
p {
font-size-adjust: none;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
小文字の大きさを調整する
p {
font-size-adjust: 0.6;
}
彼女は「春はあけぼの。」と記しているが、これは春は朝が一番良い時間であるということを言っているのである。そして「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が好きだったのだ。
She wrote "Spring is dawn". This means that the best time in spring is dawn. And also she wrote "A cat is black on the top, and besides that, all white". This means she likes a black cat with a white belly.
كتبت "الربيع هو الفجر". هذا يعني أن أفضل وقت في الربيع هو الفجر. وكتبت أيضًا "قطة سوداء في الأعلى ، وإلى جانب ذلك ، كلها بيضاء". هذا يعني أنها تحب قطة سوداء ذات بطن أبيض.
