CSS font-kerning 属性
CSS font-kerning
属性设置是否使用字体中储存的字距信息。
Kerning(字距)定义了字母的分布情况。对于良好地规定了字距的字体,字距特性使得字母分布更为统一,阅读体验更佳。如下图所示,左侧的示例没有应用字距,而右侧使用了:
实例
规定应用字体字距调整:
<!DOCTYPE html>
<html>
<head>
<style>
/* 规定应用字体字距调整 */
.ex1 { font-kerning: normal; }
/* 规定不应用字体字距调整 */
.ex2 { font-kerning: none; }
</style>
</head>
<body>
<h1>font-kerning 属性</h1>
<div class="ex1">"STAY 'AWAY'"</div>
<div class="ex2">"STAY 'AWAY'"</div>
</body>
</html>
定义和用法
font-kerning
属性控制字体中存储的字距信息的使用。
提示:字距定义字母间距。
注释:对于不包含字距调整数据的字体,此属性将没有可见效果。
默认值: | auto |
---|---|
继承: | 是 |
动画制作: | 不支持。请参阅:动画相关属性。 |
版本: | CSS3 |
JavaScript 语法: | object.style.fontKerning="normal" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
带 -webkit- 的数字表示使用前缀的首个版本。
属性 | |||||
---|---|---|---|---|---|
font-kerning | 33.029.0 -webkit- | 79.0 | 34.0 | 9.17.0 -webkit- | 20.116.0 -webkit- |
CSS 语法
font-kerning: auto|normal|none;
属性值
值 | 描述 |
---|---|
auto | 默认。浏览器确定是否应应用字体字距调整。 |
normal | 规定应用字体字距调整。 |
none | 规定不应用字体字距调整。 |