CSS中的五大字体家族(cursive 手写字体族更吸引我) - 我_爱编程
这是<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 中文翻译为“<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 />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、宋体……<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 中文翻译为“无衬线字体族”。sans- 前缀是法语,发音为 /san/,意为“无”。<br />sans-serif 字体比较圆滑,线条粗线均匀,适合做艺术字、标题等,与“衬线字体”相比,如果字号比较小,看起来就会有些吃力。<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、幼圆、隶书、楷体……<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> 中文翻译为“手写字体族”。<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、迷你简黄草、华文行草……<br /><br />fantasy<br />fantasy 中文翻译为“梦幻字体族”。<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>……<br /><br />monospace<br />monospace 中文翻译为“等宽字体族”。<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>……<br /><br />总结<br />总的来说字体分为两个大类:serif、sans-serif,这两个大类下又可以分:cursive、fantasy、monospace

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics





HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.
