如何使用CSS更改網頁上的字體

FONT元素在HTML 4中被棄用,不屬於HTML5規範。 所以,如果你想改變你的網頁上的字體,你應該學會如何用CSS(層疊樣式表 )來做到這一點。

使用CSS更改字體的步驟

  1. 使用文本HTML編輯器打開網頁。 它可以是新的或現有的頁面。
  2. 寫一些文字: 這段文字是Arial
  3. 使用SPAN元素圍繞文本: 此文本位於Arial
  4. 將屬性style =“”添加到span標記: 此文本是Arial
  5. 在style屬性中,使用font-family樣式更改字體: 此文本為Arial

使用CSS更改字體的提示

  1. 用逗號(,)分隔多個字體選項 。 例如,
    1. font-family:Arial,Geneva,Helvetica,sans-serif;
    2. 最好在字體堆棧中至少有兩種字體(字體列表),這樣如果瀏覽器沒有第一種字體,它可以使用第二種字體。
  2. 總是用分號(;)結束每個CSS樣式 。 只有一種風格時不需要,但這是一個很好的習慣。
  3. 本示例使用內聯樣式,但最好的樣式類型放在外部樣式表中,以便您可以影響更多的元素。 您可以使用一個類來設置文本塊的樣式。 例如:
    1. class =“arial”>這段文字是Arial
    2. 使用CSS:
    3. .arial {font-family:Arial; }