此属性用于控制已存储在字体中的字距信息的使用。字距定义字母的间距。对于没有字距调整信息的字体,此属性将没有可见效果。
用法:
font-kerning:auto|normal|none;
属性:
- auto:它是默认值。浏览器决定是否应用font-kerning。
- normal:用于指定font-kerning通常在浏览器上应用。
- none:用于指定不应用font-kerning。
例:
<!DOCTYPE html>
<html>
<head>
<title>
CSS | font-kerning Property
</ttile>
<style>
div {
font-family:serif;
font-size:20px;
font-weight:bold;
}
div.geeks {
font-kerning:normal;
}
div.SUDO {
font-kerning:auto;
}
div.gfg {
font-Kerning:none;
}
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>The font-kerning Property</h2>
<h3>font-kerning:normal;</h3>
<div class="geeks">
GeeksforGeeks:
A computer science portal for Geeks
</div>
<h3>font-kerning:auto;</h3>
<div class="sudo">
GeeksforGeeks:
A computer science portal for Geeks</div>
<h3>font-Kerning:none;</h3>
<div class="gfg">
GeeksforGeeks:
A computer science portal for Geeks
</div>
</body>
</html>
输出:
支持的浏览器:CSS | Java支持的浏览器。下面列出了font-kerning属性:
- Google Chrome 32.0 -webkit-
- Internet Explorer 10.0
- Firefox 34.0
- Opera
- Safari 7.0
相关用法
- CSS transition-property用法及代码示例
- CSS top属性用法及代码示例
- CSS nav-down用法及代码示例
- CSS nav-up用法及代码示例
- CSS all属性用法及代码示例
- CSS right属性用法及代码示例
- CSS nav-right用法及代码示例
- CSS zoom属性用法及代码示例
- CSS columns属性用法及代码示例
- CSS nav-left用法及代码示例
- CSS will-change用法及代码示例
- CSS nav-index用法及代码示例
- CSS clear属性用法及代码示例
- CSS clip属性用法及代码示例
- CSS resize属性用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 CSS | font-kerning Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。