网页中常见的英文显示字体选择

Z时代
2024-01-10
分类：IT

本站都换了很多种字体，从微软雅黑、微软正黑简体到宋体，这些显示中文字体是没有任何问题，可以显示英文的话，就有点难看了，正文先后用过了 Tahoma、Arial、Trebuchet MS 和 Microsoft Sans Serif，标题字体也分别尝试过 Franklin Gothic Medium 和 Myriad Pro。

选择字体中需要考量的因素很多，跨平台预装情况、是否有同族的粗体和斜体、Win 下没有打开 Clear Type 时的表现等等。到目前为止也没有找到让我最满意的字体设置，每种字体都有自己的特点和缺点，让我很难取舍：

Arial / Tahoma / Verdana

这三个字体都非常安全主流平台上都预装，而且可读性非常好，用上这些字体应该不会错的。但是相对来说都缺少点个性，毕竟在日常使用中，尤其是大部分 Windows XP 用户每天都是面对着这些标准字体。而 Verdana 还有个问题是字比较宽，用到 Sidebar 标题的时候会显得很满。

Georgia

在我的个人网站的设计中我一直在避免使用衬体字，只在文章正文副标题等处用来装饰一下。因为我觉得整体的风格设计是偏向柔、精致的，如果衬体字处理得不好会在这里看上去有点格格不入。

Segoe UI / Calibri / Corbel

Segoe UI

说实话我很喜欢这些 Vista 字体，Segoe UI 的可读性很好，也比较有现代感，Calibri 比同字号的字体基本都要小一圈，很精致 Corbel 的字母都非常饱满浑圆，看上去感觉很特别。但是这些字体只有在 Vista 和装了 Office 下有(除了Segoe UI 在 Leopard 中预装)。

而 Corbel 还有个很奇怪的问题，当我尝试在标题中使用 Corbel，而标题中又有部分中文呢的时候，Webkit 内核浏览器会不渲染中文而直接显示空白。

Trebuchet MS

一直很喜欢的一款屏幕字体，一些转角和细节部分都很独特。尤其是它漂亮的粗斜体，让我不自觉地在之前几版网站设计中过多地应用了斜体。但是 Trebuchet MS 的精致看久了觉得有点过头，稍显女性化一点，而且在不开 Clear Type 的 Windows 系统下效果不理想。

Myriad Pro

在字体比较大的情况下 Myriad Pro 表现极佳，也难怪 Mac 的官网广告都用这套字体，很大气也很精致，而且 Myriad Pro 的几个不同字体类型给人的感觉差异比较大，如 Condensed 等，虽然同属 Myriad Pro 却有着迥然不同的风格。但是我在标题中应用 Myriad Pro 字体的时候遇到了和 Corbel 一样的 Webkit 核心浏览器的渲染问题。