CSS font-kerning 属性

CSS font-kerning 属性设置是否使用字体中储存的字距信息。

Kerning(字距)定义了字母的分布情况。对于良好地规定了字距的字体,字距特性使得字母分布更为统一,阅读体验更佳。如下图所示,左侧的示例没有应用字距,而右侧使用了:


实例

规定应用字体字距调整:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. /* 规定应用字体字距调整 */
  6. .ex1 { font-kerning: normal; }
  7. /* 规定不应用字体字距调整 */
  8. .ex2 { font-kerning: none; }
  9. </style>
  10. </head>
  11. <body>
  12. <h1>font-kerning 属性</h1>
  13. <div class="ex1">"STAY 'AWAY'"</div>
  14. <div class="ex2">"STAY 'AWAY'"</div>
  15. </body>
  16. </html>

定义和用法

font-kerning 属性控制字体中存储的字距信息的使用。

提示:字距定义字母间距。

注释:对于不包含字距调整数据的字体,此属性将没有可见效果。

默认值:auto
继承:
动画制作:不支持。请参阅:动画相关属性
版本:CSS3
JavaScript 语法:object.style.fontKerning="normal"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

-webkit- 的数字表示使用前缀的首个版本。

属性
font-kerning33.029.0 -webkit-79.034.09.17.0 -webkit-20.116.0 -webkit-

CSS 语法

  1. font-kerning: auto|normal|none;
属性值
描述
auto默认。浏览器确定是否应应用字体字距调整。
normal规定应用字体字距调整。
none规定不应用字体字距调整。

分类导航