我想使用非标准网络字体来改善 HTML 的外观。

嵌入网络字体还是使用 sifr 之类的字体更好?

我的理解是 sifr 是一个基于 flash 的矢量字体查看器,但我一直不愿意尝试它,因为它看起来有点复杂。

关于网络字体嵌入似乎没有太多令人鼓舞的讨论(因为法律问题),所以也许 sifr 更像是执行此操作的标准方法?

对于任何反馈,我们都表示感谢。谢谢。

有帮助吗?

解决方案

网页字体的Safari 3.1被支持,即将到来的Firefox 3.5和即将到来的歌剧10.因特网探索自IE4支持的(不同的)的格式。

在这一点上,与在Safari,Firefox和Opera实施的最大问题是,他们需要你原来的字体文件上传到Web服务器。对于许多字体,这会违反你从类型代工收到的许可证。因此,网页字体,如果该类型铸造还没有给你使用它们的权限,现在不是一个合适的解决方案。不过,也有可自由许可的字体可用。

这给我们留下了大致有三种其他选项:图片,Flash和基于JavaScript的解决方案。图片往往是最好的,因为它们有关于浏览器的怪癖和性能的影响最小,但动态图像生成的,比方说,PHP经常看起来并不如其他解决方案一样好。你当然可以手动在Photoshop中创建的图像,但通常会破坏目的。

的sIFR使用Flash来呈现的文本,是你可以选择文本,动态地改变它,并有超过嵌套的HTML元素的造型一定的控制非常灵活。 Hoefler&弗里尔 - 琼斯已经给sIFR的确定,只要你支付服务器许可证,并采取一切可能的措施以限制sIFR的Flash电影到您的域名。

的Cufón是已经实现其自己的渲染引擎,这是出奇的聪明纯JavaScript解决方案。在这一点上它不够灵活sIFR的,它的法律问题仍不清楚。

这是说,图像,sIFR的和的Cufón都是黑客,我们需要适当的网页字体的昨日的。

(声明:我的sIFR的引线显影剂,所以可能有点偏置)

其他提示

您还可以考虑 JS 替代方案。然而,为了获得最佳的跨浏览器兼容性,您最好使用图像,也许还可以使用背景图像和文本缩进 CSS 技巧来用图像替换静态文本。

我上面提到的技术(以及其他技术)可以在这里阅读: http://css-tricks.com/nine-techniques-for-css-image-replacement/

要考虑的事情:

对于每一个谁看到你“好看”的字体游客,也有同样多的谁不会由于有不兼容的浏览器或禁用该功能。有恰到好处的字体可能不是最有价值的设计变更,你可以努力。

从我的移动浏览器不执行嵌入字体写。

请注意CSS3 Web字体模块,其定义字体嵌入仍然是一个工作草案。事实上,字体嵌入实际的支持并不好。我会说这是最好再等2 - 3年。

也没什么看头: TypeKit ,这给你一个行JavaScript来抽象所有这一切服务程。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top