font_dragr:一款用于字体的拖放预览工具

这个演示来自我们好朋友 Ryan Seddon,他制作了一个演示,考虑到我们本周关注 未来网络字体,这个演示似乎非常适合。

如果你曾经在编辑页面时想知道特定字体是什么样的,而不需要将文件上传到 Web 服务器并更新 CSS(太繁琐了!),那么这个演示适合你。

他制作了一个演示,展示了当你拥有可下载字体、拖放和可编辑内容时,可以实现什么。(如果你想了解更多关于拖放的信息,我们建议你阅读他关于使用 拖放进行文件上传 的精彩概述。)

来自 Ryan 的描述

Font dragr 是一款实验性的 Web 应用程序,它使用 HTML5 和 CSS3 创建了一个实用的独立基于 Web 的应用程序,用于测试自定义字体。在你首次访问它后,你无需在线即可在之后的访问中使用它。它允许你在 Firefox 3.6+ 中将字体文件从你的文件系统拖放到放置区域。浏览器将创建一个数据 URL 编码的副本,并在页面中使用它,并在放置的字体中渲染内容。

你可以 either 阅读完整的描述,其中包含有关演示工作原理的大量有用技术信息,或者你可以 查看演示。无论哪种方式,看到 Firefox 3.6 中优秀的 HTML5 支持与我们添加的所有其他内容结合在一起,为 Web 开发者和用户带来许多新功能,真是太好了。

感谢,Ryan!


9 条评论

  1. skierpage

    这太棒了。它可以从 Dolphin 文件浏览器中显示的 /usr/share/fonts 拖放到 Firefox nightly 中。它不能从 Kubuntu 的系统设置>字体安装程序中的列表中拖放字体,即使在你拖动时出现了带有 + 号的很有希望的字体图标。有 HTML 5 JavaScript 拖放调试器吗?

    2009 年 10 月 21 日 下午 5:48

  2. Ryan

    你可以使用 firebug 添加一个断点,看看变量 droppedFontData 生成了什么。

    你放下字体后会发生什么?

    2009 年 10 月 21 日 下午 7:03

  3. Dresandreal Sprinklehorn

    这东西在我整个 Web 生涯中都在哪里?它是否附带一箱啤酒?它似乎拥有其他所有东西。

    2009 年 10 月 24 日 下午 9:18

  4. Ryan

    不幸的是,啤酒规范还没有进入 Firefox nightly :D 同时,你也可以请我喝一杯啤酒。

    2009 年 10 月 26 日 上午 1:52

  5. shmerl

    非常好。在 OpenSolaris 上将字体文件从 Nautilus 拖放到浏览器时,它可以完美地工作。

    2009 年 10 月 29 日 上午 7:49

  6. […] 现在支持基于文件的拖放,因此你可以将桌面上的文件拖放到浏览器中。与文件 API(下面提到)结合使用,这可以为 […] 提供一套非常强大的功能。

    2009 年 10 月 30 日 下午 5:46

  7. sky80

    很棒的演示…希望它有一天也能在 IE 中使用 ;)

    2009 年 11 月 4 日 下午 1:30

  8. jor

    它似乎好得令人难以置信。
    非常感谢,代表所有 Web 开发者。

    2009 年 11 月 4 日 下午 2:28

  9. Simon Brüchner

    我创建了一个类似于 font-dragr 的 JavaScript MD5 检查工具:http://www.bruechner.de/md5file/js/

    2009 年 11 月 9 日 下午 8:48

本文的评论已关闭。