Web上的字体

Web开发人员可用的字体集合受到限制。 我记得很久以前就读过关于TrueDoc的一个方法,那就是在网站上放置字体的方式 – 但它似乎已经衰落了。 有没有人使用过,或类似的东西? 它是否支持足够的浏览器? 我错过了一个好的解决scheme?

请注意,负责任的Web开发人员不使用仅在Windows上可用的字体( 尤其是仅在Vista上可用的字体),也不使用至less大部分浏览器都不支持的技术。


更新:正如几个人指出的那样,为没有使用特定字体的人提供备用字体列表没有任何问题。 其实我总是这样做,并不是说这是错的。

虽然我的问题说得不好,但我的意思是说,devise师不应该对客户提供什么样的假设。 您应该计划所有用户将如何看到您的网站,而不仅仅是使用您自己的首选设置的人。

Safari,在较小程度上,Firefox 3支持CSS中的@font-face ,它允许使用自定义字体。 您需要具有相应的许可证才能分配字体文件。 这些文章更详细地解释它:

这是一个及时的线程; 我们切换到宋体,因为Calibri与所有其他的后备字体相比是小的! 它痛苦地转到(堵嘴)宋体,因为它是一个废话副本Helvetica:

http://www.ms-studio.com/articles.html

如果您使用“c”字体作为您的标准,则尺寸上的困难太大了(如果您正常使用某些东西的话,尺寸太小了)在这里详细描述:

http://neosmart.net/blog/2006/css-vistas-new-fonts/

我会错过很多Calibri漂亮的手工调整的RGB别名,但是对于大多数用户来说,要安装Calibri并不需要很好的体验。 这是相当普遍的,因为它来自Office 2007(Win / Mac),当然还有Vista ..但是它远没有普及,所以对于全球networking用户来说,依靠它是有点不负责任的。

你当然可以使用SIFR 。

这在不支持它并且可访问的浏览器中优雅地降级。

这不是真的适合使用大量的文字,但标题和突出文本是完美的。

当然,这是一个解决浏览器和networking内在限制的工作,但是大多数networking技术和技术的情况并非如此。

你可以用CSS3提供的新的@font-face声明来做到这一点。 它对CSS3特性(即自IE4以来)也有非常好的支持。

一般的语法是:

 @font-face { src: url(' path to your font ') format(' woff|ttf|svg|eot|… '); font-family: the name to use ; font-weight: an optional weight ; font-style: an optional style ; } 

还有一个可用的生成器将字体转换为多种格式,并创build相应的CSS。

现在,我build议只提供一个WOFF文件; 这很方便, 很容易创build 。

另外,请确保引用格式的名称(例如format('woff') ); 否则它不会在Firefox上工作。

请注意,负责任的Web开发人员不使用仅在Windows上可用的字体(尤其是仅在Vista上可用的字体),也不使用至less大多数浏览器不支持的技术。

使用Windows / Vista特有的字体没有任何错误或不正确的地方,只要您适度地降级为广泛使用的字体。 例如:

 font-family: Calibri, Tahoma, Helvetica, Sans-Serif; 

其实这就是整个问题!

CSS2提供:

 @font-face { font-family: Garamond; src: url(garamond.eot), url(garamond.pfr); } 

请注意,负责任的Web开发人员不使用仅在Windows上可用的字体(尤其是仅在Vista上可用的字体),也不使用至less大多数浏览器不支持的技术。

我认为这是相当重要的。 如果你这样做没关系; 每个人都会明白,他们可以轻松阅读,而那些需要改变字体的人可以随心所欲地改变字体,因为这只是文本,所有主stream浏览器都可以让你自定义你看到的字体,而不pipe站点devise者的喜好。

有一些用户没有在你的CSS中build议字体, 他们只是看到与你不同的东西。 不同的是没有打破。 他们甚至不知道你为什么使用默认字体,因为他们不知道其他人看到什么不同。

这是字体集的全部要点:

 Verdana, Arial, Helvetica, sans-serif 

这是很好的做法,因为它承认人们会看到不同的东西。

这也是很好的做法:

 Gill Sans, Verdana, Arial, Helvetica, sans-serif 

所以大多数人没有吉尔 – 谁在乎? 他们得到一个完美的网站,无论。

这也可以,但有点怪异和懒惰:

 Gill Sans 

不负责任的网页devise就是将文本设置为图片而不使用替代文本,而不是在字体集中使用有趣的字体。

IE支持@font-face (最初是MS Word中的专有技术)。 这是IE团队在一个月前的博客文章 。

请注意,负责任的Web开发人员不使用仅在Windows上可用的字体(尤其是仅在Vista上可用的字体),也不使用至less大部分浏览器都不支持的技术。

那么…只要你知道它将在非Vista /非Windows操作系统上如何渲染就可以了。

否则:是的,在CSS2中@ font-face是最好的标准select,即使它没有得到广泛的支持。

我想象任何发送网页字体的方法都会带来某种安全风险。 我听说过一些方法,在客户端没有所需字体的情况下,可以用显示的图像或某种types的闪存dynamicreplace文本。 现在唯一能find的是AListApart,但它可能已经是多余的了。 该方法还需要CSS,图像和JavaScript的工作,并可能是痛苦的跨浏览器实施。