当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


CSS font-kerning用法及代码示例


此属性用于控制已存储在字体中的字距信息的使用。字距定义字母的间距。对于没有字距调整信息的字体,此属性将没有可见效果。

用法:

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


相关用法


注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 CSS | font-kerning Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。