web前端开发的字体有哪些-创新互联

本篇内容介绍了“web前端开发的字体有哪些”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

h6开发中，老板嫌数字的字体太丑要使用无衬线字体，自己真一脸懵逼啊，百度了发现这篇文章很不错还不了解的同学可以参考下。小小的字体其实有大大的学问，可能与字体相关的很多知识都偏设计，不过俗话说技多不压身，艺高人胆大，多了解了解总归没错。

前端开发你该知道的字体

就Web常用的一些字体而言，经常听说的字体类型，大致可以分为这几种：

serif(衬线)

sans-serif(无衬线)

monospace(等宽)

fantasy(梦幻)

cuisive(草体)

其实大体上分为衬线字体和无衬线字体，等宽字体中也有衬线等宽和无衬线等宽字体，这5个分类是font-family的5个可用字体系列取值。

也就是说，上述5个名字，代表的并非某个特定字体，而是一系列字体，这些通用的名称允许用户代理（通常就是浏览器）从相应集合中选择一款字体。

这也很好解释了，font-family中的family，家庭的意思，也就是不单单指一个，而是可以指定多个，上述5个英文单词都是font-family的可用取值，下文还会详细讲到。

每类前端开发字体介绍

serif--衬线字体

serif，意为有衬线的字体，衬线的意思是在字符笔画末端有叫做衬线的小细节的额外装饰，而且笔画的粗细会有所不同，这些细节在大写字母中特别明显。

OK，那么有哪些常用字体属于衬线字体呢？

宋体（SimSun）

Windows下大部分浏览器的默认中文字体，是为适应印刷术而出现的一种汉字字体。笔画有粗细变化，是一种衬线字体，宋体在小字号下的显示效果还可以接受，但是字号一大体验就很差了，所以使用的时候要注意，不建议做标题字体使用。

TimesNewRoman

Mac平台Safari下默认的英文字体，是最常见且广为人知的西文衬线字体之一，众多网页浏览器和文字处理软件都是用它作为默认字体。

sans-serif--无衬线字体

sans的意思是无，sans-serif也就是无衬线的意思。专指西文中没有衬线的字体，与汉字字体中的黑体相对应。与衬线字体相反，该类字体通常是机械的和统一线条的，它们往往拥有相同的曲率，笔直的线条，锐利的转角。

中文下，无衬线字体就是黑体，黑体字也就是又称方体或等线体，没有衬线装饰，字形端庄，笔画横平竖直，笔迹全部一样粗细。

看看又有哪些常见的无衬线字体。

“web前端开发的字体有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！