都是关于为网站选择正确的字体

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)网站首选哪种字体？

请参阅有关safe web fonts的页面。

CSS 2)有没有办法通过CSS?为每个特定的字体家族指定不同的字体大小？

不是的。

很快，所有主流浏览器都会支持@font-face，你可以在你的网站上使用任何你想要的字体。

在此之前，请先看看Cufón或sIFR。

Answer 2

为你的网站使用合适的字体。它不像说“这是网站最好的字体”那么简单。以下是罗伯特·布林赫斯特的"The Elements of Typographic Style"中的两句话(阅读原则)

• “字体的存在是为了尊重适合任务和主题的content."
• "Choose
• 。”

另一方面，除非衬线面孔真的适合网站，否则无衬线面孔更适合数字媒体。

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

另外，看看font matrix (已有1.5年历史)和这些经过深思熟虑的font-stacks吧。

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 viewer for XP这样简单的软件都会为用户安装字体。网上有很多列出commonly used fonts的图表。

对于一个网站，你会想要使用易读的字体。大多数网页上常用的屏幕字体都非常易读。例如，你提到的字体就是很好的例子。屏幕上最易读的字体是Verdana，尽管它通常被认为是丑陋的。Arial始终是一个安全的选择。

不过，请注意Segoe UI声明:如果Windows XP用户使用该字体，则在禁用抗锯齿功能的情况下，该字体可能无法辨认。

对于标题，您可以进行自定义，并使用sIFR和Cufon等技术将文本替换为非原生系统字体。

快速注意大小:大多数网站倾向于设置非常小的字体大小。对于长文本来说，13像素确实是最低要求(参见relative readibility)。像“时代”这样x高很小的字体只能用于标题或足够大的字体(例如15+像素)。

2)有没有办法为每个特定的字体系列指定不同的字体大小？像'Segoe UI - 9px'，Tahoma - 8px等等。这可能是不可能的，但也许有一些技巧？

不，这不可能。你可以对人们通过Javascript运行的浏览器和操作系统做出假设，从而对他们安装的字体做出假设，但这是一个相对较小的收益，这是大量的工作。我会建议你不要这么做。