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前端开发的字体有哪些"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!