有衬线字体和无衬线字体。
西方国家字母体系分为两类:serif(有衬线) 以及sans seri(无衬线)。
serif 是有衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。相反的,sans serif 就没有这些额外的装饰,而且笔画的粗细差不多。
serif 字体容易识别,它强调了每个字母笔画的开始和结束,因此易读性比较高,sans serif 则比较醒目。在中文阅读的情况下,适合使用 serif 字体(如宋体)进行排版,易于换行阅读的识别性,避免发生行间的阅读错误。
在css样式设置中为了 避免客户那边机器上缺少字体,在设置font-family时候可以设置多个字体,避免因为少字体而改变原有的样式。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset=utf-8>
<style>
<!--这里代表,找不到第一个字体,就找第二个,还是找不到那就选一个根据要求带不带衬线的-->
#test01{
font-family:"微软雅黑","黑体",sans-serif;
}
#test02{
font-family:"New Times","新宋","宋体",sans;
}
</style>
</head>
<body>
<div id="test01">
serif 是有衬线字体,意思是在字的笔画开始、<br/>
结束的地方有额外的装饰,而且笔画的粗细会有所不同。<br/>
相反的,sans serif 就没有这些额外的装饰,而且笔画的粗细差不多。<br/>
</div>
<div id="test02">
serif 是有衬线字体,意思是在字的笔画开始、<br/>
结束的地方有额外的装饰,而且笔画的粗细会有所不同。<br/>
相反的,sans serif 就没有这些额外的装饰,而且笔画的粗细差不多。<br/>
</div>
</body>
</html>
转载于:https://my.oschina.net/nly/blog/293019
有衬线字体和无衬线字体。相关推荐
- 有衬线字体和无衬线字体
西方国家字母体系分为两类:serif(有衬线) 以及sans seri(无衬线). 1. 概念比较: serif 是有衬线字体,在字的笔画开始.结束的地方有额外的装饰,笔画的粗细会有所不同.相反的,s ...
- 衬线字体和无衬线字体区别_字体,字体和字体系列有什么区别?
衬线字体和无衬线字体区别 Since the majority of written words are now produced in one digital form or another, fo ...
- 衬线字体和无衬线字体是什么_你的字体和意识形态是什么
衬线字体和无衬线字体是什么 We already know that fonts can evoke emotional responses, but a new study shows that p ...
- 衬线字体和无衬线字体
在西方国家的字母体系,分成两大字族:serif及sans serif.其中typewriter打字机字体,虽然也是sans serif,但由于他是等距字,所以另独立出一个Typewriter字族出来. ...
- 搜索衬线字体和无衬线字体的区别
serif 衬线字体: 在笔画始末的地方有额外的装饰,且笔画的粗细会因直横的不同而有所区别. 强调出字母笔画的走势及前后联系,使得前后文有更好的连续性,更适合走文阅读 , 汉字中的宋体就是衬线体 sa ...
- 字体基础知识:衬线字体和无衬线字体
什么是衬线字体? "Times New Roman" is a kind of "Serif" fonts "Arial" is a kin ...
- 有衬线字体与无衬线字体(serif vs sans serif)
在西方國家的字母體系,分成兩大字族:serif 及 sans serif.其中 typewriter 打字機字體,雖然也是 sans serif,但由於他是等距字,所以另獨立出一個 Typewrite ...
- 有衬线字体 无衬线字体_字体101:衬线与无衬线
在选择字体的阶段,设计师经常问自己:"是Serif还是Sans-Serif"? 选择在设计中使用的字体类型至关重要,因为它会极大地影响设计的可读性,用户体验和整体美感. 尽管,无论 ...
- 有衬线字体 无衬线字体_衬线或不衬线
有衬线字体 无衬线字体 When Google unveiled its new logo in 2015, many were aghast at the exclusion of one part ...
最新文章
- centos6.5环境DNS-本地DNS主从服务器bind的搭建
- java编程启蒙_程序设计入门—Java语言
- java没有更新_java – JProgressBar没有更新,找不到线索
- 关于WS-PSNR、S-PSNR、CPP-PSNR
- 2016值得关注的5大IT趋势
- Android内存优化11 内存泄漏常见情况2 线程持久化
- 剑指offer面试题25. 合并两个排序的链表(双指针)
- 基于模糊集的图像增强
- python从零基础直达神经网络之基础篇 第二章 编程基础概念(二)
- 冰点还原精灵使用教程
- 【路由篇】02. 小米路由器通过Web接口访问硬盘文件
- 解决方案:Win C++ mingw编译器出现 不支持的16位程序问题
- ThinkPHP6 隐藏身份证中间8位
- Pytorch中设置哪些随机数种子,才能保证实验可重复
- r76800h怎么样r7 6800h参数
- U盘文件丢失了怎么办?一串英文字符即可快速帮你找回,秒学!
- Hinton曾授课,斯坦福首个Transformers专题讲座视频放出,NLP、CV和RL无所不包
- AD9361 介绍 (下)
- 疫情相关的api文档
- 电路习题解答 第五章 5-1、5-2