Font dragr，一个很棒的字体实时测试网站
在这个竞争激烈的世界中，网站设计师都希望自己的网站在世界上脱颖而出，字体样式也是任何网站的重要组成部分之一。尽管对于字体样式，网页设计师花费大量时间寻找适合其网站的优秀字体。但这纯粹是浪费时间。
在网站页面上应用自定义字体确实是一项非常困难的任务，需要多个步骤才能完成。首先:网页设计师必须选择他们想要赋予样式的文本;其次:选择一种字体，并将其更改为与 Web 兼容的格式;最后:将其添加到样式规则中。如果有人这样做，那么这确实是一项非常无聊且耗时的任务。尽管"Font Dragr"是另一种选择，但它确实非常复杂且耗时。解决了上述所有问题，字体样式也非常出色。
Dragr” 由 “Ryan Seddon” 开发，提供了一种创新且简便的浏览器字体样式测试方法。只需将字体从"控制面板"下的字体集合拖放到 “Font Dragr” 页面 - 已选中"拖放"选项的 “Font Dropdown” 框中，然后将 “Font Dragr” 上的字体拖放到 “Font Dragr” 页面中。页面将自动更改为所选字体(如图 2 所示)。
它支持多种字体文件类型:Web 开放字体格式 (WOFF)、TrueType (TTF)、可缩放矢量图形 (SVG) 和 OpenType (OTF)。
Font Dragr 是一个开源网站，只需通过简单的"拖放"选项即可轻松更改任何网站上的字体。用户可以通过两种方式检查字体样式:
- 使用编辑器和图库标签页
- 使用书签
使用编辑器和图库标签页
在 FontDragr 中，拖放过程完成后，访问两个标签页:编辑器和图库标签页。
要在 Font Dragr 上测试字体，用户可以将字体从电脑拖放到编辑器页面(为此，用户需要支持 HTML5 功能的现代浏览器)，或从字体库中选择字体(适用于所有浏览器)。然后，用户可以看到所选字体的不同大小和颜色。
"编辑器"选项卡页面使用以下选项帮助检查字体样式:正文大小比较、灰度、字体大小、文本示例和字符。这是一款出色的工具，无需创建 Web 字体包即可测试免费软件和开源字体。
在"编辑器"标签页中，用户可以检查使用任意字体样式的文本。文本完全可编辑。
在"图库"页面中，用户可以尝试列出的 9 种字体样式。只需选择其中一种即可开始尝试。
使用书签
或者，还有一个选项可以尝试不同的字体——书签。为此，只需将书签拖到书签栏，然后打开任何用户想要测试的网站，点击书签栏上的书签，它将打开一个小的书签窗口来测试网站字体。
图 5 显示了书签栏上的"字体拖拽"书签。转到用户想要检查字体的网站，点击书签，将显示一个标题。在"选择器"文本框中，用户可以指定 HTML 元素来更改字体样式。默认选择器是 p 标签，但用户可以测试 body、h1、h2 等(如图 6 所示)。
打开要更改字体的网站后，打开控制面板——字体集合，选择要更改字体的文本，然后将字体拖放到 FontDragr 标题栏中。受影响的文本将自动更改，以反映用户选择测试的字体(如图 6 所示)。
结论
其他网站也提供与 Font Dragr 类似的功能，例如:Web Fonts Preview、FontFonter、FontFriend 或 FontPrep(仅限 Mac)，但这些网站的功能不如 Font Dragr 好用，用户可能会发现 Font Dragr 是功能最全面、最易于使用的字体样式更改工具。
