CSS: 字體

網頁樣式表CSS 提示與竅門. 請見索引 查看更多提示. 在此頁面上: Font families; Font styles. 字體類別. 語言 這是一份翻譯。

與英文版本相比，它可能包含錯誤或者過時。

翻譯員:SamuelChongof ChineseTranslationServicesthroughitsprobonotranslation services 網頁樣式表CSS提示與竅門 請見索引查看更多提示. 在此頁面上: Fontfamilies Fontstyles 字體類別 在顏色之後，一個網頁頁面最重要的特性大概就是字體。

在本頁面中我不會示範任何「花招」，但我會指出CSS允許的字體變化範圍。

由於並非所有的電腦都有所有的字體（字體成千上萬，且多數不是免費的， CSS提供了一個應變系統。

你先列出你想要的字體，然後為首選的字體如果無法使用的備用字體和你也應以通用的字體來作為這個清單的結束。

通用字體共有五種serif(襯線體),sans-serif(無襯線體), monospace(等寬體),cursive(草書體)和fantasy(幻想體) . 下表顯示下表展示不同字體的範例（你的流覽器可能無法分辨所有這些字體），你可以看到這五種通用字體在你的流覽器上所顯示的效果： Fontfamily Yourbrowser Sampleimage 'sans-serif':normalfontswithout serifs Arial,sans-serif TheQuickBrownFox JumpsOverTheLazyDog Helvetica,sans-serif TheQuickBrown FoxJumpsOverTheLazyDog Verdana,sans-serif TheQuickBrownFox JumpsOverTheLazyDog TrebuchetMS,sans-serif TheQuick BrownFoxJumpsOverTheLazyDog GillSans,sans-serif TheQuickBrown FoxJumpsOverTheLazyDog NotoSans,sans-serif TheQuickBrown FoxJumpsOverTheLazyDog Avantgarde,TeXGyreAdventor,URWGothicL, sans-serif TheQuickBrownFoxJumpsOverTheLazyDog Optima,sans-serif TheQuickBrownFox JumpsOverTheLazyDog ArialNarrow,sans-serif TheQuick BrownFoxJumpsOverTheLazyDog sans-serif TheQuickBrownFoxJumps OverTheLazyDog 'serif':normalfontswithserifs Times,TimesNewRoman,serif TheQuick BrownFoxJumpsOverTheLazyDog Didot,serif TheQuickBrownFoxJumps OverTheLazyDog Georgia,serif TheQuickBrownFox JumpsOverTheLazyDog Palatino,URWPalladioL,serif The QuickBrownFoxJumpsOverTheLazyDog Bookman,URWBookmanL,serif TheQuick BrownFoxJumpsOverTheLazyDog NewCenturySchoolbook,TeXGyreSchola,serif TheQuickBrownFoxJumpsOverTheLazyDog AmericanTypewriter,serif TheQuick BrownFoxJumpsOverTheLazyDog serif TheQuickBrownFoxJumpsOver TheLazyDog 'monospace':fixed-widthfonts AndaleMono,monospace TheQuickBrown FoxJumpsOverTheLazyDog CourierNew,monospace TheQuickBrown FoxJumpsOverTheLazyDog Courier,monospace TheQuickBrownFox JumpsOverTheLazyDog FreeMono,monospace TheQuickBrownFox JumpsOverTheLazyDog OCRAStd,monospace TheQuickBrown FoxJumpsOverTheLazyDog DejaVuSansMono,monospace TheQuick BrownFoxJumpsOverTheLazyDog monospace TheQuickBrownFoxJumps OverTheLazyDog 'cursive':fontsthatemulatehandwriting ComicSansMS,ComicSans,cursive The QuickBrownFoxJumpsOverTheLazyDog AppleChancery,cursive TheQuickBrown FoxJumpsOverTheLazyDog BradleyHand,cursive TheQuickBrown FoxJumpsOverTheLazyDog BrushScriptMT,BrushScriptStd,cursive TheQuickBrownFoxJumpsOverTheLazyDog SnellRoundhand,cursive TheQuick BrownFoxJumpsOverTheLazyDog URWChanceryL,cursive TheQuickBrown FoxJumpsOverTheLazyDog cursive TheQuickBrownFoxJumpsOver TheLazyDog 'fantasy':decorativefonts,fortitles,etc. Impact,fantasy TheQuickBrownFox JumpsOverTheLazyDog Luminari,fantasy TheQuickBrownFox JumpsOverTheLazyDog Chalkduster,fantasy TheQuickBrown FoxJumpsOverTheLazyDog JazzLET,fantasy TheQuickBrownFox JumpsOverTheLazyDog Blippo,fantasy TheQuickBrownFox JumpsOverTheLazyDog StencilStd,fantasy TheQuickBrown FoxJumpsOverTheLazyDog MarkerFelt,fantasy TheQuickBrown FoxJumpsOverTheLazyDog Trattatello,fantasy TheQuickBrown FoxJumpsOverTheLazyDog fantasy TheQuickBrownFoxJumpsOver TheLazyDog 字體樣式 大部分同一類別的字體有多種不同的樣式，典型的有粗體字和斜體字，也經常有粗斜體字，稍少見的有 小體大寫字，少數情況下有極細字／極粗字或延展字／壓縮字。

下表展示了許多不同的樣式。

除非你有非常豐富的字集，否則其中許多行看來會是相同的： rule serif sans-serif Styles font-style:normal TheQuick… TheQuick… font-style:italic TheQuick… TheQuick… font-style:oblique TheQuick… TheQuick… Weights font-weight:100 TheQuick… TheQuick… font-weight:200 TheQuick… TheQuick… font-weight:300 TheQuick… TheQuick… font-weight:normal TheQuick… TheQuick… font-weight:500 TheQuick… TheQuick… font-weight:600 TheQuick… TheQuick… font-weight:bold TheQuick… TheQuick… font-weight:800 TheQuick… TheQuick… font-weight:900 TheQuick… TheQuick… Variants font-variant:normal TheQuick… TheQuick… font-variant:small-caps TheQuick… TheQuick… Stretch font-stretch:ultra-condensed TheQuick… TheQuick… font-stretch:extra-condensed TheQuick… TheQuick… font-stretch:condensed TheQuick… TheQuick… font-stretch:semi-condensed TheQuick… TheQuick… font-stretch:normal TheQuick… TheQuick… font-stretch:semi-expanded TheQuick… TheQuick… font-stretch:expanded TheQuick… TheQuick… font-stretch:extra-expanded TheQuick… TheQuick… font-stretch:ultra-expanded TheQuick… TheQuick… CSS字體模組具有更多的屬性來指定特殊的樣式（對於提供幾種變體的字體），特別是font-variant屬性有更多的值。

網站導覽 CSS首頁 學習;使用 軟體 參與/ 草稿 Bert Bos,styleactivitylead Copyright©1994–2022W3C®Privacypolicy 創建於17Jan2001; 最後更新2022年02月10日星期四05:40:52 語言 Azərbaycan Български Deutsch Ελληνικά English Español Français Hrvatski BahasaIndonesia Norsk Nederlands Polski Portuguêsbrasileiro Português Русский ไทย Tagalog Українська TiếngViệt 简体中文 繁體中文 關於翻譯