西方国家字母体系分为两类: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

有衬线字体和无衬线字体。相关推荐

  1. 有衬线字体和无衬线字体

    西方国家字母体系分为两类:serif(有衬线) 以及sans seri(无衬线). 1. 概念比较: serif 是有衬线字体,在字的笔画开始.结束的地方有额外的装饰,笔画的粗细会有所不同.相反的,s ...

  2. 衬线字体和无衬线字体区别_字体,字体和字体系列有什么区别?

    衬线字体和无衬线字体区别 Since the majority of written words are now produced in one digital form or another, fo ...

  3. 衬线字体和无衬线字体是什么_你的字体和意识形态是什么

    衬线字体和无衬线字体是什么 We already know that fonts can evoke emotional responses, but a new study shows that p ...

  4. 衬线字体和无衬线字体

    在西方国家的字母体系,分成两大字族:serif及sans serif.其中typewriter打字机字体,虽然也是sans serif,但由于他是等距字,所以另独立出一个Typewriter字族出来. ...

  5. 搜索衬线字体和无衬线字体的区别

    serif 衬线字体: 在笔画始末的地方有额外的装饰,且笔画的粗细会因直横的不同而有所区别. 强调出字母笔画的走势及前后联系,使得前后文有更好的连续性,更适合走文阅读 , 汉字中的宋体就是衬线体 sa ...

  6. 字体基础知识:衬线字体和无衬线字体

    什么是衬线字体? "Times New Roman" is a kind of "Serif" fonts "Arial" is a kin ...

  7. 有衬线字体与无衬线字体(serif vs sans serif)

    在西方國家的字母體系,分成兩大字族:serif 及 sans serif.其中 typewriter 打字機字體,雖然也是 sans serif,但由於他是等距字,所以另獨立出一個 Typewrite ...

  8. 有衬线字体 无衬线字体_字体101:衬线与无衬线

    在选择字体的阶段,设计师经常问自己:"是Serif还是Sans-Serif"? 选择在设计中使用的字体类型至关重要,因为它会极大地影响设计的可读性,用户体验和整体美感. 尽管,无论 ...

  9. 有衬线字体 无衬线字体_衬线或不衬线

    有衬线字体 无衬线字体 When Google unveiled its new logo in 2015, many were aghast at the exclusion of one part ...

最新文章

  1. centos6.5环境DNS-本地DNS主从服务器bind的搭建
  2. java编程启蒙_程序设计入门—Java语言
  3. java没有更新_java – JProgressBar没有更新,找不到线索
  4. 关于WS-PSNR、S-PSNR、CPP-PSNR
  5. 2016值得关注的5大IT趋势
  6. Android内存优化11 内存泄漏常见情况2 线程持久化
  7. 剑指offer面试题25. 合并两个排序的链表(双指针)
  8. 基于模糊集的图像增强
  9. python从零基础直达神经网络之基础篇 第二章 编程基础概念(二)
  10. 冰点还原精灵使用教程
  11. 【路由篇】02. 小米路由器通过Web接口访问硬盘文件
  12. 解决方案:Win C++ mingw编译器出现 不支持的16位程序问题
  13. ThinkPHP6 隐藏身份证中间8位
  14. Pytorch中设置哪些随机数种子,才能保证实验可重复
  15. r76800h怎么样r7 6800h参数
  16. U盘文件丢失了怎么办?一串英文字符即可快速帮你找回,秒学!
  17. Hinton曾授课,斯坦福首个Transformers专题讲座视频放出,NLP、CV和RL无所不包
  18. AD9361 介绍 (下)
  19. 疫情相关的api文档
  20. 电路习题解答 第五章 5-1、5-2

热门文章

  1. C语言实现天生棋局案例
  2. 如何使用TestFlight发布和安装测试版的app
  3. WPF 一个性能比较好的 gif 解析库
  4. SSM 之 MyBatis
  5. 带你彻底搞懂MyBatis的底层实现之缓存模块(Cache)-吊打面试官必备技能
  6. 李国庆是如何被“踢出”当当的?
  7. windows多进程探测存活主机
  8. Office 2008 for Macintosh: The Missing Manual
  9. Tita绩效宝:为你的绩效评估提供100条评语案例
  10. 打印机服务器的系统,打印机服务器主机系统