关于字体

最新推荐文章于 2021-03-21 09:08:19 发布

wayne_ren

最新推荐文章于 2021-03-21 09:08:19 发布

阅读量99

点赞数

CC 4.0 BY-SA版权

分类专栏：杂七杂八文章标签：操作系统

本文链接：https://blog.youkuaiyun.com/wayne_ren/article/details/84482531

杂七杂八专栏收录该内容

30 篇文章

订阅专栏

本文介绍了Web环境下中西文字体的应用技巧，包括字体分类、选择范围、显示名称的重要性、中西文字体的区别、操作系统默认字体差异及如何定义跨平台字体。此外还提供了主流字体格式和推荐的字体列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）西文分衬线(正文)、无衬线(标题)、等宽(代码)三类
（2）Web下的中文字体可选范围很窄
（3）应该同时使用字体的显示名称和字体名称（受系统语言设置的影响）
（4）绝大部分中文字体里包含英文字母，而英文字体里不包含中文字符
（5）中文字体里的英文字母基本上都很丑，应该在中文字体之前指定英文字体
（6）操作系统的默认字体不同，分别定义Win和Mac下的字体
英文：Helvetica(Mac)，Tahoma(Win)
中文：华文细黑(Mac)，微软雅黑(Win)，宋体（Windows XP）
（7）Mac的字体Win中没有，但Win的字体Mac下可能会有
（8）目前主流中文字体：宋体12号和微软雅黑
（9）微软雅黑并不是个好字体
（10）Web字体格式
[list][*]EOT=Embedded Open Type （IE4-8）
[*]WOFF=Web Open Font Formate （Chrome6+，FF3.5+，Opera11+，Safari5.1+，IE9+）
[*]OTF=Open Type Font
[*]TTF=True Type Font
[*]SVG=Scalable Vector Graphics[/list]

[quote]font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;[/quote]

Web中文字体应用指南
[url=http://ruby-china.org/topics/14005]http://ruby-china.org/topics/14005[/url]

为什么很多网站使用微软雅黑？
[url=http://www.zhihu.com/question/19685531]http://www.zhihu.com/question/19685531[/url]

什么是有衬线字体与无衬线字体(serif vs sans serif)？
[url=http://hi.baidu.com/supermfc/item/ed561b0ec14582803c42e250]http://hi.baidu.com/supermfc/item/ed561b0ec14582803c42e250[/url]

Fundamentals of Design by CodeSchool
[url=http://www.codeschool.com/courses/fundamentals-of-design]http://www.codeschool.com/courses/fundamentals-of-design[/url]

Chinese Standard Web Fonts: A Guide to CSS Font Family Declarations for Web Design in Simplified Chinese
[url=http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/]http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/[/url]

書体の選び方
[url=http://tsutawarudesign.web.fc2.com/yomiyasuku1.html]http://tsutawarudesign.web.fc2.com/yomiyasuku1.html[/url]

オススメ書体
[url=http://tsutawarudesign.web.fc2.com/yomiyasuku5.html]http://tsutawarudesign.web.fc2.com/yomiyasuku5.html[/url]