Question

我正在搜索可以在CSS中使用的字体列表。由于这些字体可能受版权保护，我应该使用哪些字体可用于Windows（从XP开始），Mac OS X以及Ubuntu 8.04？

我不想完全依赖新的操作系统。

如果移动设备上存在相同的字体，那将是一个很大的好处。

Answer 1

请参阅此list of browser safe fonts。

它以Windows + Mac为中心，但仍然适用。它们还包括一个linux发布截图。

Answer 2

这是一些必读的内容：

还有一些关于StackOverflow的相关问题：

Answer 3

声明字体的唯一100％安全方法是使用泛型作为后备。

泛型是：

'serif'（例如Times）
'sans-serif'（例如Helvetica）
'cursive'（例如Zapf-Chancery）
'fantasy'（例如Western）（wtf？）
'monospace'（例如Courier）

来自W3C

所有五个通用字体系列都是定义为存在于所有CSS中实现（他们不需要必须映射到五个不同的实际字体）。用户代理应该提供合理的默认选择通用字体系列，其中表达每个人的特征家庭以及可能的家庭基础允许的限制技术

许多网页设计师认为理所当然的Arial和Verdana等字体可能不会出现在Linux浏览器上（甚至来自经验的centos上的firefox）。 Apple拥有大部分Microsoft字体，但有些字体不存在。

Answer 4

Typetester！

特点：

并排比较字体;
从安全字体列表中选择，赢取字体或mac字体;
全部来自浏览器。

Answer 5

请记住：朋友不要让朋友使用Comic Sans。

（说真的，你上面已经有了很好的答案......）。

Answer 6

Verdana很好。

Answer 7

这是一个指南...

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

至于手机，我只能说是好运！我的女儿从我这里得到了我的黑莓手机五分钟，改变了我的背景，铃声，现在我的所有字体都是卡通字体。

这是一个iPhone字体列表，但它可能稍微过时了。 http://daringfireball.net/misc/2007/07/iphone-osx-fonts

Answer 8

CSS允许您使用系统上安装的任何字体。 font-family允许您列出许多字体。如果解析器未找到系统上安装的第一个解析器，则会转移到下一个解析器。这就是为什么大多数font-family定义级联为sans-serif或serif的原因。如果浏览器没有任何字体，则使用默认的serif，sans-serif或monospaced字体等。

如果你是排版的傻瓜，不幸的是，直到CSS3字体起飞，你将不得不忍受为Mac用户提供所有好的字体，因为Mac OS X有更多的优秀字体选择安装比Windows。当我在Windows上加载我的网站时，我感到有点沮丧，我遇到了一堆僵硬的别名字体。

Answer 9

您可以使用sIFR作为标题，而不必担心网络安全字体。看看example page。这太棒了。

Answer 10

Arial是我一直使用的“安全”字体。

但我最近一直在使用Trebuchet。通常，每个人都会拥有它。如今，StackOverflow，FeedBurner和许多其他热门网站都在使用它。

但是，如果用户没有它，我会像这样使用CSS（就像StackOverflow那样）......

font-family:Trebuchet MS,Helvetica,sans-serif;

Answer 11

如果您希望布局一致性并完全控制为您的网站呈现的字体，我建议您使用网络字体。以下是一些要检查的网络字体服务：

~~WebINK~~ - 不再提供
Google网络字体
TypeKit
Fonts.com

所有这些服务都提供了数千种高品质字体。 Google字体完全免费。 WebINK和TypeKit都需要订阅模型。我从来没有使用过fonts.com，但他们可能有类似的模式。

Answer 12

这是一篇关于typefaces for the web的好文章。

现代浏览器提供了许多字体。但是，保持简单和有点大。此外，使用对比色以便于阅读。

Answer 13

虽然拥有这样的列表肯定是有用的，但您还应该利用CSS的回退机制。例如，您可以在font-family属性中列出Consolas，Courier New，monospace，并在该设备上获得最佳匹配。

每个font-family列表中的最后一项应该是中性的，例如“sans serif”，“serif”，“monospace”等。

这样，只要有合理的下层体验，您的设计师就可以使用他们认为最好的字体。

例如，请参阅w3.org's guidance

Answer 14

你很喜欢Helvetica / Arial（是的，我知道有区别！）或Verdana的无衬线或格鲁吉亚或时代的衬线。在您的CSS中，您可以按照首选顺序列出一个列表。您应该始终以通用字体系列结尾，以涵盖所有基础。

我的网站通常看起来像这样：

font-family: Helvetica, Arial, sans-serif;
font-family: Georgia, serif;

如果你想要对你的排版感到可爱和喜欢，你应该研究SIFR，它使用flash嵌入特殊字体。

什么是好的Web开发字体？

14 个答案: