CSS中的五大字体家族（cursive 手写字体族更吸引我）

首頁

web前端

html教學

CSS中的五大字体家族（cursive 手写字体族更吸引我） - 我_爱编程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 22, 2016 pm 05:19 PM

这是<a class="baidu-highlight" href="https://www.baidu.com/s?wd=CSS&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">CSS</a>中的五大字体家族。<br /><br />serif<br />serif 中文翻译为&ldquo;<a class="baidu-highlight" href="https://www.baidu.com/s?wd=%E8%A1%AC%E7%BA%BF%E5%AD%97%E4%BD%93&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">衬线字体</a>族&rdquo;。<br />serif 具有末端加粗、扩张或尖细末端，或以实际的衬线结尾的一类字体。<br />可以看出 serif 总是在文字末端做文章，这样做的目的是增强可读性，也就是说在字号比较小的时候，serif 一族的字体仍然是比较好辨认的。<br />serif 典型的字体有：Times New Roman、<a class="baidu-highlight" href="https://www.baidu.com/s?wd=MS&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">MS</a> Georgia、宋体&hellip;&hellip;<br />serif 还可衍生出两种字体族：petit-serif（小<a class="baidu-highlight" href="https://www.baidu.com/s?wd=%E8%A1%AC%E7%BA%BF%E5%AD%97%E4%BD%93&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">衬线字体</a>族（末端变化不明显））、slab-serif（雕版<a class="baidu-highlight" href="https://www.baidu.com/s?wd=%E8%A1%AC%E7%BA%BF%E5%AD%97%E4%BD%93&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">衬线字体</a>族（末端变化非常明显））。由于显示器显示的字都不大，所以一般将小衬线字体族看作无衬线字体族，比如其中的黑体。<br /><br />sans-serif<br />sans-serif 中文翻译为&ldquo;无衬线字体族&rdquo;。sans- 前缀是法语，发音为 /san/，意为&ldquo;无&rdquo;。<br />sans-serif 字体比较圆滑，线条粗线均匀，适合做艺术字、标题等，与&ldquo;衬线字体&rdquo;相比，如果字号比较小，看起来就会有些吃力。<br />sans-serif 典型的字体有：<a class="baidu-highlight" href="https://www.baidu.com/s?wd=MS&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">MS</a> Trebuchet、<a class="baidu-highlight" href="https://www.baidu.com/s?wd=MS&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">MS</a> Arial、MS Verdana、幼圆、隶书、楷体&hellip;&hellip;<br /><br /><a class="baidu-highlight" href="https://www.baidu.com/s?wd=cursive&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">cursive</a><br /><a class="baidu-highlight" href="https://www.baidu.com/s?wd=cursive&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">cursive</a> 中文翻译为&ldquo;手写字体族&rdquo;。<br />顾名思义，这类字体的字就像手写的一样。<br /><a class="baidu-highlight" href="https://www.baidu.com/s?wd=cursive&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">cursive</a> 典型的字体有：Caflisch Script、<a class="baidu-highlight" href="https://www.baidu.com/s?wd=Adobe&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">Adobe</a> Poetica、迷你简黄草、华文行草&hellip;&hellip;<br /><br />fantasy<br />fantasy 中文翻译为&ldquo;梦幻字体族&rdquo;。<br />fantasy 主要用在图片中，字体看起来很艺术，实际网页上用得不多。<br />fantasy 典型的字体有：WingDings、WingDings 2、WingDings 3、<a class="baidu-highlight" href="https://www.baidu.com/s?wd=Symbol&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">Symbol</a>&hellip;&hellip;<br /><br />monospace<br />monospace 中文翻译为&ldquo;等宽字体族&rdquo;。<br />我们知道英文中各字母是不等宽的，但用 monospace，各个字母就是等宽的了，就可以像中文一样排版了。<br />monospace 典型的字体有：Courier、MS Courier New、<a class="baidu-highlight" href="https://www.baidu.com/s?wd=Prestige&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d9n164uhc4nHb4ujRsPAF90ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnWcdn16YPHfY" rel="nofollow" target="_blank">Prestige</a>&hellip;&hellip;<br /><br />总结<br />总的来说字体分为两个大类：serif、sans-serif，这两个大类下又可以分：cursive、fantasy、monospace

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7711

Java教學

1640

CakePHP 教程

1394

Laravel 教程

1288

PHP教程

1232

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。