css3 font-size-adjust属性控制字体大小

原创 国哥笔记  2019-02-09 12:41  阅读 328 views 次

font-size-adjust属性定义及用法

在css中,font-size-adjust属性是使用来更好的控制字体大小,当第一个选择的字体不可用时,浏览器使用第二个指定的字体,这可能会导致改变字体大小,为了防止这种情况的发生,可以使用font-size-adjust属性。

所有字体都能有"aspect值",这是小写字母"X"和大写字母"X"的大小差异,当浏览器知道"aspect值"为第一选择的字体时,浏览器可以找出什么样的font-size使用第二选择字体显示文字。

font-size-adjust属性语法格式

  1. css语法:font-size-adjust: number|none|inherit;
  2. JavaScript语法:object.style.fontSizeAdjust="0.58";

font-size-adjust属性值说明

  • number:定义字体的 aspect 值比率。公式:首选字体的字体尺寸 * (font-size-adjust 值 / 可用字体的 aspect 值)=可应用到可用字体的字体尺寸;
  • none:默认(如果此字体不可用,则不保持此字体的x-height;);
  • inherit:继承父元素的字体大小调整属性;

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 font-size-adjust属性控制字体大小</title>
<style type="text/css">
#div1 {font-family: verdana;}
#div2 {font-family: 'times new roman';}
#div3 {font-family: verdana;font-size-adjust:0.58;}
#div4 {font-family: 'times new roman';font-size-adjust:0.58;}
</style>
</head>
<body>
<div id="div1">font-family: verdana;</div>
<div id="div2">font-family: 'times new roman';</div>
<div id="div3">font-family: verdana;font-size-adjust:0.58;</div>
<div id="div4">font-family: 'times new roman';font-size-adjust:0.58;</div>
</body>
</html>

运行结果:

css3 font-size-adjust属性控制字体大小

 

更多css属性请移步到——>css属性大全

本文地址:https://www.ggbiji.com/css-font-size-adjust.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情