EP 8 word 改字型樣式,改字型, 改字體大小

這個單元提供一個平緩的學習路徑，透過介紹 CSS 的工作原理、語法的樣式，以及如何在 HTML 中添加樣式設定。

幾乎所有的字型都支援 normal 和 italic 屬性值，但 oblique 屬性數值只支援部分字型 ( 除非字型有額外設定 font-style:oblique;，參考「@font-face 定義字型」)，下方的範例使用不同的 font-style 屬性數值改變文字樣式。

解決方案有三：1) 使用常見的預設字型（如微軟正黑體、蘋方體）；2) 提供一個包含多種常見字型的備用列表；3) 使用網頁字型技術，讓瀏覽器自動下載所需字型，確保顯示效果一致。

在本單元中，我們將從 @font-face 規則開始，這項規則可讓您將自訂字型匯入網頁。 確保您擁有所需的確切字體，不受使用者安裝的字型影響。 接著，我們會介紹重要的 CSS 字型屬性，包括 font-family 、 font-style 、 font-weight 和 font-size。

HTML改變字體樣式在網頁設計中，字體是其中一個非常重要的元素，可以大大影響網站的可讀性和美觀度。 因此在編寫HTML程式碼時，我們可以透過改變字體的樣式來實現這一點。 以下就介紹一些改變字型樣式的HTML標記及其使用方法。

CSS font-family 屬性 是網頁文字字型設定的標準 CSS 語法，幾乎已經普及至全世界的新一代網頁設計，因為 font-family 屬性除了受到各主流瀏覽器的廣大支援之外，本身的多字型順序寫法也取代傳統 HTML font face 單一字型設定的缺點，CSS font-family 可以很輕鬆的將各種優美或誇張的文字字型套用至網頁文字中，讓網頁呈現出更完美的風格。

HTML font 對文字的設定有顏色（color）、大小（size）以及字型（face），標準的 HTML 文字標籤是由 <font> 開始，以及 </font> 標籤結束，兩個標籤中的文字可以做不同的變化，在 HTML4.1 以前的版本，<font></font> 標籤是標準的文字設計語法，但到 HTML5 之後，這些 <font> 標籤的屬性已經不支援，取而代之的是透過 CSS 的語法設計文字，無論是字型、文字大小或顏色都可以在 CSS 中