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


SVG font-weight属性用法及代码示例

这个font-weight“属性”是指相对于同一字体系列中的其他字体,用于呈现文本的字形的粗体或明暗度。

用法:

font-variant="variation"

属性值:

  • Default value:默认值是正常的。
  • other value:其他值包括粗体,粗体,浅色。

我们将使用font-weight属性设置字体的粗细。

范例1:



HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg viewBox="0 0 200 300" 
        xmlns="http://www.w3.org/2000/svg"> 
          
        <text x="5" y="20" 
            font-weight="Normal"> 
            Normal text 
        </text> 
    </svg> 
</body> 
  
</html>

输出:

范例2:

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg viewBox="0 0 200 300" 
        xmlns="http://www.w3.org/2000/svg"> 
          
        <text x="5" y="20" font-weight="bold"> 
            bold text 
        </text> 
    </svg> 
</body> 
  
</html>

输出:




相关用法

注:本文由纯净天空筛选整理自taran910大神的英文原创作品 SVG font-weight Attribute。非经特殊声明,原始代码版权归原作者所有,本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。