字體設定 html

HTML是網頁製作的基礎語言，它可以實現豐富的網頁效果，包括字體設定。在HTML中，可以透過標籤來設定字體。本文將介紹HTML中的字型設定方法。

一、基本字體設定

HTML中最基本的字體設定標籤是<font></font>標籤，透過它可以設定字體的顏色、大小、字型系列等。其基本語法如下：

<font size="字体大小" color="字体颜色" face="字体系列">要设置的文本</font>

其中，size屬性用於設定字體大小，可取值為1~7，值越大字體越大；color#屬性用於設定字體顏色，可以是顏色名稱（例如red）或十六進位顏色值（例如#FF0000）；face屬性用於設定字體系列，可以是字體名稱（例如Arial）或字體族（例如serif）。

例如，要設定一段文字的字體大小為4，顏色為紅色（#FF0000）且字體系列為Arial，則可以寫成：

<font size="4" color="#FF0000" face="Arial">要设置的文本</font>

二、CSS字體設定

HTML5建議使用CSS來設定字體，其中使用了一些CSS屬性。

1. font-family

font-family屬性用於設定字體系列，可以是字體名稱（例如Arial）或字體族（例如serif）。如果設定多個字體系列，則系統會依序嘗試載入每個字體，直到找到系統支援的為止。

p {
  font-family: Arial, Helvetica, sans-serif;
}

在上述程式碼中，如果系統支援Arial字體，則使用它；如果不支援Arial，則嘗試使用Helvetica字體；如果還不支持，則使用系統預設的sans-serif字體。

2. font-size

font-size屬性用於設定字體大小，預設單位為像素（px），也可以使用em、 rem等其他單位。

p {
  font-size: 16px;
}

上述程式碼將<p></p>標籤中的字體大小設定為16像素。

3. font-weight

font-weight屬性用於設定字體粗細，可取值為normal、bold、bolder、lighter或數值（例如400、700）。

p {
  font-weight: bold;
}

上述程式碼將<p></p>標籤中的字體粗細設定為加粗。

4. font-style

font-style屬性用於設定字體樣式，可選擇值為normal、italic或oblique。其中，italic是斜體，oblique是傾斜體。

p {
  font-style: italic;
}

上述程式碼將<p></p>標籤中的字體樣式設定為斜體。

5. line-height

line-height屬性用於設定行高，即每行文字之間的距離。可以使用數值、百分比或單位等多種方式進行設定。

p {
  line-height: 1.5;
}

上述程式碼將<p></p>標籤中的行高設定為字體大小的1.5倍。

6. text-align

text-align屬性用於設定文字對齊方式，可選擇值為left、center、right或justify。

p {
  text-align: center;
}

上述程式碼將<p></p>標籤中的文字置中對齊。

7. text-decoration

text-decoration屬性用於設定文字裝飾，可取值為none、underline、overline、line-through或者blink。

p {
  text-decoration: underline;
}

上述程式碼將<p></p>標籤中的文字加上底線。

總結：

以上是HTML中字體設定的方法，相較之下，CSS更靈活、更強大。 CSS的字體設定也支援更多屬性，如字體拉伸、字體變換等，可以滿足各種需求。在實際開發中，可以根據具體情況選擇合適的方法進行字體設定。

以上是字體設定 html的詳細內容。更多資訊請關注PHP中文網其他相關文章！