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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。