所有关于为网站选择正确的字体

Question

我其实现在有两个问题:

1)网站首选哪些字体？现在我非常喜欢'Segoe UI',但它只适用于最新的Windows系统,如Vista和2008 Server.所以我定义了一个序列:

font-family: 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif;

除了'Segoe UI'之外,我真的不喜欢它们的外观.除了那之外还有什么好的字体可以使用的建议吗？我也试过'Trebuchet MS',它在文档上看起来很棒,但在页面上却没有.

2)用CSS指定每种特定字体家族的不同字体大小的任何方法？像'Segoe UI - 9px',Tahoma - 8px等.这可能是不可能的,但也许有一些技巧？

我也知道我现在会收到很多评论来使用相对字体大小,但我不希望这样.我的设计中有一些不可拉伸的图形.如果用户或浏览器默认导致以不同大小呈现的字体,则设计很快就会崩溃.我更喜欢具有字体大小限制的设计而根本没有设计.

Answer 1

1)网站首选哪些字体？

有关安全的Web字体,请参阅此页面.

2)通过CSS为每个特定字体系列指定不同字体大小的任何方法？

不.

很快,@font-face将得到所有主流浏览器的支持,您将能够在您的网站上使用您想要的任何字体.

在那之前,请看看Cufón或sIFR.

Answer 2

为您的网站使用正确的字体.这并不像说"这是网站的最佳字体"那么简单.以下是Robert Bringhurst的"印刷风格元素"中的两个引用(阅读原则):

• "排版的存在是为了纪念内容."
• "选择适合任务和主题的面孔."

另一方面,除非衬线脸部非常适合网站,否则无衬线脸部更适合数字媒体.

关于你的第二点,Phil Oye最近发布了FontUnstack,这是一个jQuery插件,可以告诉你给定元素使用了什么字体.该元素将被赋予一个类(即" set_in_gill_sans"),通过该类可以为不同的字体应用特定的样式.

另外,查看字体矩阵(1.5岁)和这些经过深思熟虑的字体堆栈.

Answer 3

1)网站首选哪些字体？现在我非常喜欢'Segoe UI',但它只适用于最新的Windows系统,如Vista和2008 Server.所以我定义了一个序列:font-family:'Segoe UI',Tahoma,Arial,Helvetica,Sans-Serif; 除了'Segoe UI'之外,我真的不喜欢它们的外观.除了那之外还有什么好的字体可以使用的建议吗？我也试过'Trebuchet MS',它在文档上看起来很棒,但在页面上却没有.

什么字体面是首选？这是一个棘手的问题.有三个主要的计算平台,每个平台都有自己的基本字体集.然后,一些软件,如Adobe Creative Suite,Microsoft Office套件,甚至像Powerpoint 2007查看器那样简单的软件为用户安装XP字体.网上有很多列出常用字体的图表.

对于网站,您将要使用易读的字体.网络上常用的大多数屏幕字体都非​​常清晰.你提到的字体就是很好的例子.最清晰的屏幕字体是Verdana,虽然它通常被认为是丑陋的.Arial永远是一个安全的选择.

但请注意Segoe UI声明:如果Windows XP用户使用该字体,则禁用抗锯齿可能无法清晰显示.

对于标题,您可以自定义并使用sIFR和Cufon等技术将文本替换为非本机系统字体.

关于大小的快速说明:大多数网站倾向于设置非常小的字体大小.13个像素确实是长文本的最小值(参见相对可读性).像Times这样的x高度较小的字体只能用于标题或足够大的字体(例如15+像素).

2)用CSS指定每种特定字体家族的不同字体大小的任何方法？像'Segoe UI - 9px',Tahoma - 8px等.这可能是不可能的,但也许有一些技巧？

不,这是不可能的.您可以通过Javascript对浏览器和操作系统进行假设,从而对他们安装的字体进行假设,但是相对较小的增益需要做很多工作.我会反对它.