SVG font-style屬性用法及代碼示例

這個font-style屬性用於指定是使用普通，斜體還是斜麵樣式呈現文本。

用法:

font-style="style"

屬性值：該屬性可以具有以下值：

normal:這指定文本應以普通形式顯示。
italic:這指定文本應以斜體顯示。
oblique:這指定文本應以斜形式顯示。

在以下示例中，我們將使用font-style屬性設置字體樣式：

範例1：

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg viewBox="0 0 250 300" 
        xmlns="http://www.w3.org/2000/svg"> 
          
        <text y="20" x="5" font-size="10px" 
            font-style="normal"> 
            Normal font style 
        </text> 
  
        <text y="35" x="5" font-size="10px" 
            font-style="italic"> 
            Italic font style 
        </text> 
    </svg> 
</body> 
  
</html>

輸出：

範例2：

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg viewBox="0 0 250 300" 
        xmlns="http://www.w3.org/2000/svg"> 
          
        <text y="15" x="5" font-size="10px" 
            font-style="oblique"> 
            oblique font style 
        </text> 
    </svg> 
</body> 
  
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自taran910大神的英文原創作品 SVG font-style Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。