我想使用非标准网络字体来改善HTML的外观。
嵌入网络字体或使用sifr之类的内容是否更可取?
我的理解是sifr是一个基于flash的矢量字体查看器,但我一直不愿意尝试它,因为它看起来有点复杂。
似乎没有很多关于网络字体嵌入的令人鼓舞的讨论(因为法律问题)所以也许sifr更像是一种标准的方法来做到这一点?
任何反馈都将不胜感激。感谢。
答案 0 :(得分:12)
Safari 3.1支持Web字体,即将推出的Firefox 3.5和即将推出的Opera 10. Internet Explorer支持自IE4以来的(不同)格式。
此时,Safari,Firefox和Opera中实现的最大问题是它们要求您将原始字体文件上传到Web服务器。对于许多字体,这将违反您从类型代工厂收到的许可证。因此,如果类型代工厂未授予您使用它们的权限,那么现在的Web字体不是合适的解决方案。但是,有可用的免费许可字体。
这给我们留下了大致三个其他选项:图像,Flash和基于JavaScript的解决方案。图像通常是优选的,因为它们对浏览器怪癖和性能的影响最小,但是,例如,PHP中的动态图像生成通常看起来不如其他解决方案。你当然可以在Photoshop中手动创建图像,但这通常会使目的失败。
sIFR使用Flash来呈现文本,并且非常灵活,您可以选择文本,动态更改文本,并控制嵌套HTML元素的样式。 Hoefler&如果您支付服务器许可证并采取一切可能措施将sIFR Flash影片限制在您的域名中,Frere-Jones已经给了sIFR OK。
Cufón是一个纯粹的JavaScript解决方案,它已经实现了自己的渲染引擎,这非常聪明。在这一点上,它不像sIFR那样灵活,其法律问题仍然不明确。
那就是说,图像,sIFR和Cufón都是黑客,我们需要正确的网络字体昨天。
(免责声明:我是sIFR的首席开发人员,所以我可能有点偏颇。)
答案 1 :(得分:3)
你也可以考虑JS替代方案。但是,为了获得最佳的跨浏览器兼容性,最好使用图像,也可以使用背景图像和文本缩进CSS技巧将静态文本替换为图像。
我在上面提到的技术(和其他)可以在这里阅读:http://css-tricks.com/nine-techniques-for-css-image-replacement/
答案 2 :(得分:2)
需要考虑的事项:
对于每个看到“更好看”字体的访问者而言,由于拥有不兼容的浏览器或禁用该功能,所以会有很多人不会。拥有恰当的字体可能不是您可以使用的最有价值的设计更改。
使用我的移动浏览器编写,不使用嵌入字体。
答案 3 :(得分:2)
请注意,定义字体嵌入的CSS3 Web Fonts模块仍然是工作草案。实际上,字体嵌入的实际支持并不好。我说最好再等2 - 3年。
答案 4 :(得分:1)
同样值得一无所知:TypeKit,这项服务为您提供了一系列JavaScript来抽象所有这些。