Web 字体嵌入与嵌入西弗?
-
06-09-2019 - |
题
我想使用非标准网络字体来改善 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来抽象所有这一切服务程。