网页中文字体应用指南
字体在网页上的应用是一项基本的技术,也是一门艺术,英文字体的选择范围太广,合理使用它们会给你的网站增添很多颜色。字体在网页上的应用是一项基本的技术,也是一门艺术,英文字体的选择范围太广,合理使用它们会给你的网站增添很多颜色。
真正的挑战是中文字体。由于汉字字体的特殊性,字体太大。除了在操作系统中内置的字体外,我们还很难在网站上使用其他字体。在不好选择的前提下,如何正确使用中文字体。
首先,下面的字体声明非常糟糕,不应该使用。
字体家族:歌体;
字体家庭:歌体;Arial;
字体:Arial,,微软雅黑;;
字体:黑体,Arial,中国好黑,微软雅黑;;
接下来,我们将逐步解释如何定义良好的字体声明。
中文字体也有英文名字。
不少开发商忽略了这一点:虽然我们经常看到,微软雅黑宋体黑色,华文溪,在操作系统中的字体的名称,但实际上这是字体的显示名称,不是字体文件的名称。虽然显示的名字也在大多数情况下是有效的,有些用户在某些极端情况下工作,这将导致无效的字体声明。
例如,用户操作系统的中文安装版(即系统中文字体),但切换到--是--,,英语的主要语言。这种情况在那些想增强英语练习的中国用户中很普遍,此时操作系统可能无法根据显示名称找到正确的字体。因此,我们首先要记住的是同时声明字体名称和中文字体的显示名称。
字体:SimSun,宋体;
字体:微软yahei,微软雅黑;
字体:STXihei,中国好黑微软、yahei,微软雅黑;
千万别忘了申报英文字体,英文字体应该在中文字体之前。
记住,大多数汉字字体都包含英文字母(但基本上是丑陋的),而英文字体不包含汉字。
在网页中,中文/英文的混合非常普遍。你永远不会喜欢用中文字体来显示英文的效果,所以别忘了先声明英文字体。
字体:格鲁吉亚,SimSun,歌体;
字体:Arial,微软、yahei微软雅黑;
另一个好习惯是在结尾加上英文字体族的名称。字体族一般分为两类:无衬线和衬线字体。它们之间的区别和使用规则指的是本文介绍的视频:
字体:格鲁吉亚,SimSun,宋体线
字体:Arial,微软、yahei微软雅黑,sans-serif;
请注意:以上两种说法微软雅黑字体,不应该改变(虽然改变不会发生,这是因为错误)从字体,微软雅黑是非衬线字体,和Arial是衬线。然而,中国并不像英语那样严格,所以它是不那么重要,在实际应用。
别忘了处理不同的操作系统。
作为一名Web开发人员,您应该对Windows、Mac OS、Linux系列和其他常见操作系统,尤其是中文的系统字体有足够的了解:
字体:黑体,宋体,Arial,STXihei,中国好黑;微软;yahei,,sans-serif;微软雅黑;
这个语句做什么让我们逐一解释(括号表示它们相应的目标操作系统):
英文字符,何略体擦第一次看(MAC),然后寻找宋体(赢),你找不到Arial(macwin)。如果三个都不存在,则使用当前默认的无衬线字体(指定的操作系统或浏览器)。
中文字体,我们已经了解规则。中国细黑(MAC),微软雅黑(赢)是这两个平台的默认中文字体。
注意向下兼容性
到目前为止,我们已经有了很好的字体声明mdash;mdash;如果你不去想那些仍然使用旧版操作系统用户。不幸的是,在中国市场上使用Windows XP有很多用户,与歌体主要为中文字体。照顾这些用户,你可以添加一个微软雅黑回退:
字体:黑体,宋体,Arial,STXihei,中国好黑;黑体,,,;黑体;微软,yahei微软雅黑;是,,,sans-serif;P;
同样的,你也看到,我们也用黑体作为mac系统的后备。
其他
不添加双引号吗
是的,一些英文字体是两个以上的词,因为在中间的空间,所以它必须结束。中文字体很特殊,按照英语的角度来看,像微软雅黑的字或四个字是什么。没关系,但没有空格的中文字体,所以不管什么。
然而,没有人能保证在任何操作系统浏览器环境中。如果有奇怪的事情发生,你可以用双引号试试。
可以默认显示微软雅黑字体
您可能已经注意到,在我们的最后一个字体语句中,中文黑色是默认字体。如果你在声明中安装了所有的中文字体,我为什么要先声明Mac系统的字体呢
事实上,大多数网站的主要目标市场是Windows用户,所以这在理论上是一个合理的说法:
字体:黑体,宋体,Arial,微软、yahei微软雅黑;是,,,stxihei,P;;中国好黑;黑体,,,sans-serif;黑体;
但事实并非如此,在中文字体的用户群中,很大一部分Mac所有者同时安装了常见的中文字体(多亏了Mac Office),但很少有用户能在Mac下安装中文字体。
因此,Mac语句前面的字体几乎没有赢得用户产生什么效果(因为他们没有!),它是用来做后备黑体可能取代微软雅黑的位置,所以这也许是这种保险:
字体:黑体,宋体,Arial,STXihei,中国好黑;微软;YaHei微软雅黑,宋体,Heiti,,,宋体;,sans-serif;黑体;
但在任何情况下,请不要把前中国微软雅黑字体,作为一个最丑陋的中国历史的微软雅黑字体,不是什么好的选择,请照顾用户的Mac被宠坏了,谢谢你!(代表个人观点)
顺便说一句,如果你像我一样不喜欢愚蠢的微软雅黑,就删除它。
到目前为止,虽然在我们的示例代码中没有Linux家族的例子,但我相信您知道该如何做。
一点补充
在一些合格的微软雅黑分歧的看法,我希望将上述溶液的步骤。这是事实:
微软雅黑面前,将导致微软雅黑字体的Mac用户安装必须面对微软雅黑,而苹果比微软雅黑字体更优雅的中国比比皆是;
在前面的Mac的字体,也可引起类似的困惑对于Windows用户,毕竟,微软雅黑是Windows平台下具有最好的字体(到目前为止);
1和2,更容易出现,我认为这是一个不需要计算的答案。
但mdash;mdash;事实上还有另外两个因素是纠缠:
许多Windows用户由于各种原因,关闭ClearType,在这种情况下,微软雅黑字体的Mac但会惨不忍睹!不是一个好的选择,真正的赢家吧,宋体。
大多数的Mac下黑体的Windows下的模糊,虽然微软雅黑是丑陋但至少可以在Mac。(对两平台字体渲染技术之间的差距的一个间接的体现)
因此,在实践中,它真的接近;该计划需要考虑以下几点:
使用UA判断不同的平台加载不同的字体声明;
除非有特殊的原因,或试图与Arial保持文本、标题和其他地方可以放大微软雅黑(Windows);
Mac下的冬青体非常有效,但在Mac OS X 10.6之前没有可用的字体。所以请仔细考虑你的用户群,或者使用中国黑体系列做后退。
最后,我不想和任何人争论字体的好坏。这篇文章的目的是介绍使用方法而不是字体的选择。丑;总是很主观的东西,只是因为我是作者,所以我难免会有一种倾向,但我也相信你会有一个正确的判断,没有实际意义,我是认真的。