什么是适合网站开发的字体？

Question

我正在寻找可以在CSS中使用的字体列表。由于这些字体可能受版权保护，因此我应该使用哪些可用于Windows（至少XP）、Mac OS X和Ubuntu 8.04等操作系统的字体？

我不想仅依赖于较新的操作系统。

如果移动设备上也存在相同的字体，那就太棒了。

- Thomaschaaf

---

除非你嵌入了字体，版权不是你需要关注的问题。 - cgp

网页设计师应该知道不要使用疯狂的字体（当然是作为文本）。 - Chet

Answer 1

请查看这个 浏览器安全字体列表。

此列表以Windows和Mac OS为中心，但仍然适用。它们还包括Linux发行版的屏幕截图。

- Reed Copsey

Answer 2

以下是必读的内容：

• 安全的网络字体
• 常用字体

此外，还有一些与之相关的StackOverflow问题：

• 最易读、最吸引人的字体是什么？
• 网页字体（字形）选择？
• 如何选择适合网站的字体

- Paolo Bergantino

Answer 3

唯一100%安全的声明字体的方法是使用通用字体作为回退。 这些通用字体包括： - 'serif' (如Times) - 'sans-serif' (如Helvetica) - 'cursive' (如Zapf-Chancery) - 'fantasy' (如Western) (什么鬼?) - 'monospace' (如Courier)

以上内容来源于 W3C。

所有五种通用字体族在所有CSS实现中都被定义存在（它们不一定必须映射到五个不同的实际字体）。用户代理应为通用字体族提供合理的默认选择，在底层技术允许的限制内尽可能地表达每个字体族的特征。

诸如 Arial 和 Verdana 的字体可能不存在于 Linux 浏览器中（即使从经验上来看，也适用于CentOS上的Firefox）。苹果公司拥有大多数微软字体，但还有一些字体缺失。

- Nick Van Brunt

Answer 4

Typetester！

特点:

• 并排比较字体;
• 从安全字体、win字体或mac字体列表中选择;
• 全部在浏览器中完成。

- scvalex

Answer 5

只需记住：朋友们不要使用卡通字体。

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

- RolandTumble

Answer 6

Verdana是一个很好的字体。

- Robert Greiner

Answer 7

这是一份指南...

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

关于手机方面，我只能说祝你好运！我的女儿从我这里拿走了我的黑莓五分钟，改变了我的背景、铃声，现在所有的字体都是卡通字体。

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

- Nosredna

Answer 8

CSS允许您使用系统上安装的任何字体。`font-family`允许您列出多种字体。如果解析器没有找到系统上安装的第一个字体，则会移动到下一个字体。这就是为什么大多数`font-family`定义会层叠到无衬线或衬线字体的原因。如果浏览器没有您的任何字体，则使用默认的衬线、无衬线或等宽字体等。如果您喜欢版式设计，不幸的是，在CSS3字体流行之前，您将不得不向Mac用户提供所有好的字体，因为Mac OS X安装了比Windows更多的优秀字体。当我在Windows上加载我的网站时，看到一堆僵硬、锯齿状的字体时，我有点沮丧。

- Andrew Noyes

Answer 9

你可以使用 sIFR 来设置标题，完全不必担心网页安全字体。看一下这个 示例页面，非常棒。

- cllpse

Answer 10

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

但最近我经常使用Trebuchet。它足够普遍，几乎每个人都会有它。现在它在StackOverflow、FeedBurner和许多其他流行网站上都被广泛使用。

但是，以防万一用户没有它，我会像StackOverflow一样使用CSS...

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

- Steve Wortham