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

CSS font-variant-ligatures属性用法及代码示例


CSS font-variant-ligatures属性用于控制文本字体的连字。连字是将两个或多个字符组合为一个特殊字符。连字通常用于赋予文本某些样式或外观。

用法:

font-variant-ligatures:Keyword_values

或者

 font-variant-ligatures:Global_values

属性值：该属性接受上面提到的和下面描述的属性值。

  • Keyword_values:该属性值是指由“normal”，“none”，“common-ligatures”，“no-common-ligatures”，“discretionary-ligatures”，“no-discretionary-ligatures”，“historical-ligatures”，“no-historical-ligatures”，“contextual”，“no-contextual”定义的值。
  • Global_values:该属性值是指由“inherit”，“initial”，“unset”定义的值。

范例1：下面的示例说明了使用common-ligatures和no-common-ligatures的font-variant-ligatures属性的使用。



HTML

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
    <style> 
        div { 
            font-size:5vw; 
        } 
  
        .off { 
            font-variant-ligatures:no-common-ligatures; 
            color:rgb(83, 241, 21); 
        } 
  
        .on { 
            font-variant-ligatures:common-ligatures; 
            color:rgb(96, 153, 4); 
        } 
    </style> 
</head> 
  
<body> 
    <h1 style="color:green;">GeeksforGeeks</h1> 
    <div> 
        <span class="off">wifi</span> 
        <span class="on">wifi</span> 
    </div> 
</body> 
  
</html>

输出：

支持的浏览器：

  • Chrome
  • Firefox
  • Safari
  • Opera
  • Edge
  • Internet Explorer(不支持)。

相关用法


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