01-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-0101-01网页设计中关于中英文正文字体比较
来源：互联网
核心提示： 下面的内容，是源于前几天我和 Snl 在 MSN 上提及 Web2.0风格
中的 文字运用的一个细节讨论。因为Snl的论述发表在经典的内容
下面的内容，是源于前几天我和 Snl 在 MSN 上提及 Web2.0风格 中的 文字运用的一个细节讨论。
因为Snl的论述发表在经典的内容系统中也引起了较高的关注，所以我整理了一下和snl的讨论，发在下面，我想这也许会给关注这个话题的朋友思考的空间和延伸。
有兴趣的朋友应该先看一下Snl 有关文字应用的论述：
什么是最好的正文字体 ？
微软雅黑 VS Windows宋体
关于中英文正文字体比较的两点补充说明及讨论
其实对于中文来讲，如果硬要把英文的版式套成中文，会遇到2个问题：
这其一，是中文的表述方式问题：
同样的语句，英文所使用的字符数量比中文要多得多，因为英文是以 单词 为视觉单位的，中间有 空格，而中文在 字词
之间，没有空格。这一点，即使是用英文大写，也和中文不同。
YOU MUST KNOW!
你必须知道！
比较一下因此，英文的“视觉暂歇”能力要强一些。但是，现在英文的版式中的标题也有 去除空格 的风格，是为了更紧凑：
YOU MUST KNOW!
YouMustKnow!
现在有些标题开始使用这样的风格，这是将暂停空格转换为“节奏符号”，用大写字母来造成视觉波动。这样比纯粹的大写字母“易读”。
其实，对于模拟相应视觉感知的中文，我觉得是这样一种方式：
在 关键字 的前后位置上添加 一个 半角空格。
在关键字的前后位置上添加一个半角空格。
上面一句是不是比较好读？而且，这样的风格，在将来 添加链接 时，也显得 格外 容易。这样的好处，我觉得比加强
分段的数目，要好一些。
而且，关键字明确，易于被 搜索引擎 捕捉。还原成“打印文字”时，也比较简单，只是去除
不必要的空格就好了，当然，这是针对中文来讲。对于 印刷 的文字来讲，处理中文的办法要多一些。
下面我要说的第二点问题：
印刷上对于中文字符，广义的说是“双字节”字符，包括韩文和日文，都有这个 行气 的问题。日文对于
视觉调整的探索要早一些。它们用了两个办法来增强 易读 功能。一个是调整“字怀”变大，一个是将字高变成字宽的
81%。这两个，雅黑都用了。为什么是81%而不是其他，我还没有找到说明的资料。但是，对于网络来讲，压扁字体，是目前不太可能做到的。正文部分
9px 字来讲，正文使用什么字体的意义都不大（视觉差异）。所以，还是应该把目前的重点放在 行距调节 上。
网页中字体的设计与应用
其实字体的设计无论是在网页中还是在平面设计乃至艺术设计中都是非常重要的，不过显然网页上会用到的多一些。最近也看到了很多关于字体的设计文章，今天我就个人学习过程总结一下来和大家交流交流。
1.字体大小&font-size&
网页中字体大小应该是被讨论得最多的因素之一。一般来说门户信息型网站字体大小是14px。字体大小适中，再加上合理的配色浏览者不易产生视觉疲劳。所以采用14px大小字体的网页适合于长时间浏览网页的人。另一方面，还有一些喜欢个性并独立的网页设计者会偏爱12px大小的字体。原因很简单，12px的字体由于笔画几乎都是由1px像素点”打上去”的，所以它看起来比14px以上大小的字体清晰得多。而且还有一点很重要，因为12px是显示器能显示清楚的最小字体大小，所以在网页设计中可以和其它的一些网页元素形成对比。要知道对比在设计中是非常重要的。不过貌似随着”用户体验”的流行许多人也转向了14px的阵营。我要提示大家的一点是：
Robin告诉我们只要你的设计合理，读者会愿意去看那些小字体的！
如何取舍得看你自己了。
2.字体类别&font-family&
一个合理的字体样式设计会给你的设计增彩许多，它会让你的网页看起来更加生动，有趣。这里暂且不说关于字体替换的相关技术，就现实中我们用到的进行说明。
首先你得明白英文字体是没办法显示中文的，这也就是为什么CSS中有font-family这个属性的原因。在你指定首选字体的时候还必须加上备用字体，比如：
font-family: Verdana, Geneva, sans-
这行代码就指定了网页优先采用”Verdana”字体，其次是”Geneva”，依此类推。需要注意的一点是这些字体最好是用”安全字体”，也就是说用一些操作系统中常用的一些字体。
细心的话你可以发现上面的代码并没说明一种中文字体，是不是就显示不了中文了呢。呵呵！不用但心这就是下面要说的了^!^
当你没有指定一种中文字体时网页中的字体会按你浏览器的默认设置进行渲染。而这些默认字体一般会是宋体。因为其它字体在视觉效果上总给人一种不习惯的感觉。不过要是设计合理的话其它的字体也是可以使用的，我在这儿给大家个建议，仅供参考：
中文字体我还是习惯用宋体(虽然现在微软雅黑很流行)，但是英文字体最好不要用宋体，因为它看起来很刺眼，有很多”距齿”。英文字体我比较喜欢”Verdana”。不但清晰看起来给人感觉很舒服。”Geneva”会比较古典，艺术。”Comic
Sans MS”会比较有趣等等。你可以运用一些花哨一点的字体比如”Brush Script
Std”这一类的Script字体来点缀你的作品。但是切记一定不能用得太多。
所以如何取舍又得看你了，其实设计和生活一样处处得要你做选择。
3.字体样式&font-style,font-weight&
我大概总结了一下比较常用的字体修饰属性就是加粗和斜体。在xhtml里面也可以对应em和strong标记。虽然看起来这两个效果只是装饰做用，其实它们在用户体验和seo方面也用很大的作用。
斜体通常用来修饰被引用的话和一些比较有”意境”的语言。比如：
某某人说过：失败乃成功之母
Only you“`能拌我取西经……
粗体自然不必多说，表示强调。并且能引起视觉上的重视。当你看到上面的斜体引用后你的视觉会转到这一行加粗的字体上。这一点是非常重要的，你不去引导读者的话没有几个人会很细心得看你的作品的。如何使用你说了算^!^
以上也可以总结出我的网页设计观：All depend on yourself…
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。1,512被浏览232,649分享邀请回答weixin.qq.com/r/zjo_JkPETR4yrQdF92-c (二维码自动识别)如有打扰，请见谅！0添加评论分享收藏感谢收起网页设计最下面版本所以英文用什么字体_百度知道
网页设计最下面版本所以英文用什么字体
我有更好的答案
另一方面Helvetica是Neo-grotesque字体。Baskerville过渡期罗马体(旧体到现代体)的代表性字体，提供着强烈的安全感：杜一链接：来源：知乎著作权归作者所有。字体家族非常全面，所以搭配使用很方便。MyriadHumanist字体。 如果是希望web上使用，可以考虑EB Garamond。Caslon美国独立宣言用字，尤其是要突出时尚，设计感的时候可以使用。Avenir是法语未来的意思，对同样未来含义的Futura是一种挑战，放大x-height，没有强烈个性，十分易于阅读，笔画粗狂有力，具有男性化感觉，适合表现强有力。Web字体可以考虑Oswald。FuturaFutura是拉丁语未来的意思，现代且具有几何特征，感觉是现在的主流大热字体，非常经典，给人古典，雅虎2013年使用Optima作为全新标识的设计基准都证明了这款字体的热度，笔画柔和简洁。Avenir字形简洁，笔画两端比较粗中间比较细，气质优雅。字体家族也很完整。再提两句Helvetica，内部分享的时候很多设计师问到为什么没有作为一个推荐字体在这里列出。制作过程中受到包豪斯运动的影响，具有古典风格的骨架、高贵的感觉，现代，虽然也有几何特征。Didot现代衬线体，发丝衬线，降部拉长，使得文字的易读性明显提高，结构严谨，没有情绪导向。特点是强烈的笔画粗细对比和水平衬线，但是不失人情味，因为太流行所以很多大的公司都做过Garamond复刻，苹果电脑里有系统字Garamond以及Adobe所制作的Adobe Garamond Pro，优美。Franklin Gothic这款字体是很早出现的无衬线体，所以带有古风。是LV的商标用字，也是现在很多杂志的首选字体。Gill Sans英国风格的代表字体，很早就已经流行作者，是活字时代的大热字体。很多公司也做过Caslon复刻，现在的使用也非常广泛。商业转载请联系作者获得授权，一方面是因为Helvetica已经作为现代字体中的经典字体被应用得非常广泛了，并不缺乏关注，但是又有很强的科技感和未来感，字体外形偏几何，但是是humanist字体，相对futura会柔和一些。Opima有古典气息，特别适合用于表现年代悠久。具体排版时注意合字和老式数字的使用。Garamond复古传统，时尚，现代，好像怎么用都不会错，随着苹果的广泛使用更加引人注目。时代周刊的字体更换。UniversGrotesque字体，比Helvetica更加简练，非商业转载请注明出处。Centaur具有史诗般正统风格
中国IT职业教育领先品牌
主营：教育培训-JAVA培训-大数据培训-Html5培训-UI培训-python培训等
为您推荐：
其他类似问题
您可能关注的内容
网页设计的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。32个设计师最喜欢使用的英文字体 | 设计达人
爱设计，爱分享。
32个设计师最喜欢使用的英文字体
赞助商链接
字体是设计师离不开的话题之一，然而每们设计师心中都有他最爱或者最喜欢使用的字体吗？而你又想知道吗？在此文之前我们发布了《网页设计师最爱的10个英文字体》一文，而这次来自
社区为大家整理了一个列表，这个列表有40多位来自不同公司不同职位的用户提交，他们职业有的是交互设计、营销设计经理、高级产品设计师、用户体验设计师等等。
这对于设计师来说可以算是一个宝贵的列表，特别是对于字体的选择，看到喜欢的赶紧收下哦，同时记得分享给更多有需要的设计师吧！
同时我们也在做一个中文字体使用调查，欢迎设计师们踊跃参与：
Georgia (Bold Italic)
用户： 职业：Senior Product Designer at Evernote
Colfax Submitted
用户： 职业：UX Designer at Kit and Ace
Sofia pro, black
用户： 职业：Interaction Designer
Nevis Submitted
用户： 职业：User Experience Designer at Modus Create
用户： 职业：Graphic Designer
FF Oxide Solid Pro
用户： 职业：Evernote Mobile Product Designer, Android
Brandon Grotesque
用户： 职业：Freelance Front-End Developer
Brandon Grotesque
用户： 职业：Interactive Designer at Base
用户： 职业：Manager of Marketing Design
用户： 职业：Product Designer
Gill Sans Bold
用户： 职业：Visual and Interface Designer
Bree/Bree Serif
用户： 职业：Designer at Gumtree
用户： 职业：Founder and Creative Director
Frutiger Roman
用户： 职业：Product Lead, Mobile at ZOOM+
Museo Sans Rounded
用户： 职业：Digital Designer
用户： 职业：Communication Designer
Gotham Light
用户： 职业：UI/UX Designer at Salesforce
Helvetica Neue Thin
用户： 职业：UI Designer
Roboto thin
用户： 职业：UI/UX Designer at Hint
Absara Sans
用户： 职业：UX & Visual Design
Montserrat
用户： 职业：Designer at StartApps
Montserrat
用户： 职业：UX/UI Designer and Front-End Developer
用户： 职业：Blogger
用户： 职业：Director of Design at Speed Digital
用户： 职业：Mobile Product Designer at Evernote
用户： 职业：UX Designer
Bw Stretch
用户： 职业：Head of Design at Musixmatch
Alice (Google Font)
用户： 职业：Designer at Graphiq.com
Tiempos Text
用户： 职业：Product Designer
Roboto Slab Bold
用户： 职业：Lead Designer at KlientBoost
用户： 职业：Creative Director at Brightfind
用户： 职业：Sr. UX Designer at RevZilla.com
用户： 职业：UX Designer and Letterer
Priori Sans
用户： 职业：User Interface and Branding Designer
Raleway Light
用户： 职业：Founder of ITGirl.co
用户：e, Art Director at Hootsuite and Co-Founder of Goodforks
Questa Grande
用户： 职业：Executive Director of UX at Kaplan Test Prep
Janda Stylish Script
用户： 职业：Visual Designer of Product at Anaplan
“Burst My Bubble”
用户： 职业：Lead UX Designer at Grapefruit
Ostrich Sans Bold
用户： 职业：UI/UX Designer at POF.com
Pacifico (modified)
用户： 职业：Creative Director
赞助商链接
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。
艺术与审美入门之书
设计师必看
手机APP设计
新手推荐！
Web用户体验入门书籍
web前端&设计群