如何修改 HTML span 區域內的文字字型

要修改 HTML <span> 區域內的文字字型,可以使用 CSS 的 font-family 屬性,指定欲使用的字型名稱。

以下是一個範例,將 <span> 內的文字字型設為 Arial:

<span style="font-family: Arial;">Hello, World!</span>

或是可以在 CSS 樣式表中指定 <span> 內的文字字型,並在 HTML 中使用對應的 CSS 類別,例如:

<!-- HTML -->
<span class="my-text">Hello, World!</span>

/* CSS */
.my-text {
  font-family: Arial;
}

這樣所有使用 my-text 這個 CSS 類別的 <span> 都會套用 font-family: Arial; 的字型設定。

延伸閱讀

  1. CSS font-family 網頁文字字型設定
  2. CSS font-family 屬性研究,設定你的文字
  3. 如何修改 HTML span 區域內的文字大小
  4. 如何讓 HTML span 區域內有背景顏色
  5. CSS 粗體字語法使用方式,讓你自由變換文字的粗細
  6. CSS font-weight 屬性用法介紹
  7. CSS line-height 文字行高
  8. CSS color 文字顏色設計
  9. HTML font face 網頁文字的字型設定
© Copyright webtech.tw Since 2010