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

我现在有两个问题：

1） 网站首选什么字体？现在我真的很喜欢“Segoe UI”，但它只在最新的Windows系统上可用，如Vista和2008 Server。所以我定义了一个序列：

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

除了“Segoe UI”之外，我并不是真的喜欢它们的外观。除此之外，还有什么好字体可以使用的建议吗？我还尝试了“投石机MS”，它在文档上看起来很棒，但在页面上却不太合适

2） 有没有办法用CSS为每个特定字体系列指定不同的字体大小？像‘SegoeUI-9px’、Tahoma-8px等。这可能是不可能的，但可能有一些技巧

我也知道我现在会收到很多关于使用相对字体大小的评论，但我不想这样。我的设计中有些图形是不可拉伸的。如果用户或浏览器默认使用不同大小的字体，那么设计很快就会崩溃。我更喜欢有字体大小限制的设计，而不是完全没有设计。

1）网站首选什么字体？

请参阅本页关于

2）有没有办法通过CSS为每个特定字体系列指定不同的字体大小？

没有

很快，

@font-face

将得到所有主流浏览器的支持，您可以在网站上使用任何想要的字体

---

在此之前，请查看或。

Re。您的字体选择，我认为可用性是一个关键的要求（除非您打算采用一种有意的格式）。 做了一个测试，发现Verdana或Arial在易读性方面是最佳选择

1） 网站首选什么字体？现在我真的很喜欢 “Segoe UI”，但它仅在 最新的Windows系统，如Vista和 2008服务器。所以我定义了一个 顺序：字体系列：“Segoe UI”， 塔荷马，Arial，Helvetica，无衬线； 我真的不喜欢所有人的样子 除“Segoe用户界面”之外的其他所有用户界面。任何 关于什么是好字体的建议 除此之外还用了什么？我也试过了 “投石机MS”，穿在身上很好看 文档，但实际上不在页面上

首选什么字体？这是一个棘手的问题。有三个主要的计算平台，每个平台都有自己的基本字体集。然后，一些软件，如Adobe Creative Suite、Microsoft Office Suite，甚至像Powerpoint 2007 viewer for XP这样简单的软件，会为用户安装字体。网络上有很多这样的图表

对于一个网站，你需要使用清晰的字体。网络上常用的大多数屏幕字体都非常清晰。例如，你提到的字体就是很好的例子。屏幕上最清晰的字体是Verdana，尽管人们普遍认为它很难看。Arial始终是一个安全的选择

不过，请注意Segoe UI声明：如果Windows XP用户使用该字体，禁用抗锯齿功能后，该字体可能无法辨认

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

关于大小的简要说明：大多数网站倾向于设置非常小的字体大小。13像素确实是长文本的最小值（请参阅）。只有标题或足够大的字体（如15+像素）才应使用x-高（如倍）小的字体

2） 是否可以使用CSS为每个字体指定不同的字体大小 特殊字体家族？像“塞戈” UI-9px'，塔荷马-8px等。这是 可能不可能，但可能有 有什么把戏吗

---

不，这是不可能的。您可以对用户通过Javascript运行的浏览器和操作系统进行假设，从而对他们安装的字体进行假设，但这需要大量工作才能获得相对较小的收益。我建议您不要这样做。

CSS3将在本机上支持可下载字体（您不会被要求下载，它们只会即时工作），因此您可以使用任何您想要的字体。我们只需要等待一段时间，但因为它将只在Firefox 3.5和Opera 10中提供

---

您还可以使用诸如Arial/Helvetica、Verdana、Georgia甚至Times Roman之类的经典字体，以获得出色的视觉效果。您只需找到合适的字体大小并与页面上的其他元素进行对比。

为您的站点使用合适的字体。这并不像说“这是网站最好的字体”那么简单。以下是罗伯特·布林赫斯特的两段话（阅读原则）：

• “印刷术的存在是为了尊重内容。”
• “选择适合任务和主题的面孔。”

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

关于第二点，Phil Oye最近发布了一个jQuery插件，它将告诉您给定元素使用的字体。元素将被赋予一个类（即“

set\u in\u gill\u sans

”），通过该类，您可以为不同的字体应用特定的样式

---

还有，看看（1.5岁）和这些经过深思熟虑的。就我个人而言，我喜欢Verdana和Georgia，尽管它们只是Mac/Windows“安全的”。在您的情况下，最好选择与第一种字体具有相同度量标准的第二种字体。

大多数主流浏览器已经支持

@font-face

，因此您可以使用任何公开可用的字体
托管一些可供选择的免费字体：

还有像这样的付费网站将为您托管付费字体，并让您购买：

---

不幸的是，所有主流浏览器的支持并不意味着所有客户端都支持。旧式浏览器（我正在看IE6）将继续阻碍（CSS、JS等）。幸运的是，@font-face应该被不支持它的浏览器忽略，所以你仍然可以将它设置为降级gracefully@Mathius但它只是