千家信息网

web前端开发的字体有哪些

发表于:2024-11-22 作者:千家信息网编辑
千家信息网最后更新 2024年11月22日,本篇内容介绍了"web前端开发的字体有哪些"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!h6开发中,
千家信息网最后更新 2024年11月22日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前端开发的字体有哪些"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

0