这个演示来自我们好朋友 Ryan Seddon,他制作了一个演示,考虑到我们本周关注 未来 的 网络字体,这个演示似乎非常适合。
如果你曾经在编辑页面时想知道特定字体是什么样的,而不需要将文件上传到 Web 服务器并更新 CSS(太繁琐了!),那么这个演示适合你。
他制作了一个演示,展示了当你拥有可下载字体、拖放和可编辑内容时,可以实现什么。(如果你想了解更多关于拖放的信息,我们建议你阅读他关于使用 拖放进行文件上传 的精彩概述。)
来自 Ryan 的描述
Font dragr 是一款实验性的 Web 应用程序,它使用 HTML5 和 CSS3 创建了一个实用的独立基于 Web 的应用程序,用于测试自定义字体。在你首次访问它后,你无需在线即可在之后的访问中使用它。它允许你在 Firefox 3.6+ 中将字体文件从你的文件系统拖放到放置区域。浏览器将创建一个数据 URL 编码的副本,并在页面中使用它,并在放置的字体中渲染内容。
你可以 either 阅读完整的描述,其中包含有关演示工作原理的大量有用技术信息,或者你可以 查看演示。无论哪种方式,看到 Firefox 3.6 中优秀的 HTML5 支持与我们添加的所有其他内容结合在一起,为 Web 开发者和用户带来许多新功能,真是太好了。
感谢,Ryan!
9 条评论