1. <td id="ggxsq"></td>
  2. <td id="ggxsq"></td>
  3. 當前位置

    首頁 > 字體知識 >

    CSS 字體

    時間: 2021-02-03 16:04
    CSS 字體屬性定義文本的字體系列、大小、加粗、風格(如斜體)和變形(如小型大寫字母)。

    基本信息
    中文名
    CSS 字體

    字體風格
    font-style 屬性最常用斜體文本


    字體系列名稱
    通用字體系列

    使用引號
    單引號或雙引號都可以接受

    目錄
    1CSS 字體系列
    2指定字體系列
    3使用引號
    4字體風格
    折疊編輯本段CSS字體系列
    CSS 字體屬性定義文本的字體系列、大小、加粗、風格(如斜體)和變形(如小型大寫字母)。

    在 CSS 中,有兩種不同類型的字體系列名稱:

    通用字體系列 - 擁有相似外觀的字體系統組合(比如 "Serif" 或 "Monospace")

    特定字體系列 - 具體的字體系列(比如 "Times" 或 "Courier")

    除了各種特定的字體系列外,CSS 定義了 5 種通用字體系列:

    Serif 字體

    Sans-serif 字體

    Monospace 字體

    Cursive 字體

    Fantasy 字體

    如果需要了解更多有關字體系列的知識,請閱讀 CSS 字體系列。

    折疊編輯本段指定字體系列
    使用 font-family 屬性 定義文本的字體系列。

    使用通用字體系列

    如果你希望文檔使用一種 sans-serif 字體,但是你并不關心是哪一種字體,以下就是一個合適的聲明:

    body {font-family: sans-serif;}

    這樣用戶代理就會從 sans-serif 字體系列中選擇一個字體(如 Helvetica),并將其應用到 body 元素。因為有繼承,這種字體選擇還將應用到 body 元素中包含的所有元素,除非有一種更特定的選擇器將其覆蓋。

    指定字體系列

    除了使用通用的字體系列,您還可以通過 font-family 屬性設置更具體的字體。

    下面的例子為所有 h1 元素設置了 Georgia 字體:

    h1 {font-family: Georgia;}

    這樣的規則同時會產生另外一個問題,如果用戶代理上沒有安裝 Georgia 字體,就只能使用用戶代理的默認字體來顯示 h1 元素。

    我們可以通過結合特定字體名和通用字體系列來解決這個問題:

    h1 {font-family: Georgia, serif;}

    如果讀者沒有安裝 Georgia,但安裝了 Times 字體(serif 字體系列中的一種字體),用戶代理就可能對 h1 元素使用 Times。盡管 Times 與 Georgia 并不完全匹配,但至少足夠接近。

    因此,我們建議在所有 font-family 規則中都提供一個通用字體系列。這樣就提供了一條后路,在用戶代理無法提供與規則匹配的特定字體時,就可以選擇一個候選字體。

    如果您對字體非常熟悉,也可以為給定的元素指定一系列類似的字體。要做到這一點,需要把這些字體按照優先順序排列,然后用逗號進行連接:

    p {font-family: Times, TimesNR, 'New Century Schoolbook',

    Georgia, 'New York', serif;}

    根據這個列表,用戶代理會按所列的順序查找這些字體。如果列出的所有字體都不可用,就會簡單地選擇一種可用的 serif 字體。

    折疊編輯本段使用引號
    您也許已經注意到了,上面的例子中使用了單引號。只有當字體名中有一個或多個空格(比如 New York),或者如果字體名包括 # 或 $ 之類的符號,才需要在 font-family 聲明中加引號。

    單引號或雙引號都可以接受。但是,如果把一個 font-family 屬性放在 HTML 的 style 屬性中,則需要使用該屬性本身未使用的那種引號:

    <p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,

    'New York', serif;">...</p>

    親自試一試

    折疊編輯本段字體風格
    ont-style 屬性最常用于規定斜體文本。

    該屬性有三個值:

    normal - 文本正常顯示

    italic - 文本斜體顯示

    oblique - 文本傾斜顯示

    實例

    p.normal {font-style:normal;}

    p.italic {font-style:italic;}

    p.oblique {font-style:oblique;}
    上一篇:蒙納字體 下一篇:矢量字體

    本頁標題:CSS 字體

    本頁地址:http://www.capitalalliancesllp.com/zitizhishi/206.html

    轉載請以鏈接標題或地址的形式注明出處,謝謝!本站部分文章轉自網絡整理,如有侵犯您的版權信息,請聯系我們刪除!

    久久人搡人人玩人妻精品

    1. <td id="ggxsq"></td>
    2. <td id="ggxsq"></td>