如何在 CSS 中设置字号-调整属性?
本文的目的是使用 CSS 设置 字号-调整 属性。
方法:字号调整属性设置小写字母相对于大写字母当前字号的大小。大写字母和小写字母之间的大小差异称为 长宽值 。在第一指定字体不可用的情况下,浏览器可能会选择第二指定字体,这可能会导致重大差异。 font-size-adjust 属性允许开发人员禁用或修改此行为,因为考虑到小屏幕而设计的网页不需要它。
语法:
font-size-adjust: number|none|initial|inherit;
注意:浏览器将忽略字体系列,根据字体大小调整属性的指定值设置长宽值。
示例:
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<style>
#times {
/*Default Times font*/
font-family: Times, serif;
font-size: 10px;
}
#verdana {
/*Default Verdana Font used*/
font-family: Verdana, sans-serif;
font-size: 10px;
}
#adjustedtimes {
/* Times Font adjusted to Verdana
Font Aspect Value*/
font-family: Times, serif;
font-size-adjust: 0.58;
font-size: 10px;
}
/* font-size-adjust property is given
preference by the Browser over
font-family peoperty */
</style>
</head>
<body>
<p id="times">
GeeksForGeeks (Times font (10px), which
is hard to read in small sizes)
</p>
<p id="verdana">
GeeksForGeeks (Verdana font (10px), which
has relatively large lowercase letters)
</p>
<p id="adjustedtimes">
GeeksForGeeks (10px Times, but now
adjusted to the same aspect ratio
as the Verdana)
</p>
</body>
</html>
输出:
版权属于:月萌API www.moonapi.com,转载请注明出处