TYPEFACE.JS选择不同的字体

Question

我正在尝试使用typeface.js在dafont.com或类似的网站上创建一个字体预览表单。

我在让typeface.js为除标题标签以外的任何内容呈现字体时遇到了麻烦。此外，我如何从下拉列表中选择要使用的字体？

非常感谢！

Answer 1

你读过文档了吗？

你有没有转换你的字体来使用字样？

来自Typeface网站：

默认情况下，当标题元素(h1、h2等)的样式引用typeface.js字体时，typeface.js将呈现这些元素的文本。

请记住，标题样式在默认情况下是粗体的，因此您需要添加font-weight: normal作为您的标题样式，或者加载粗体版本的字体(如果需要的话)。

如果你有一个已经有了类名的元素，例如，，你只需要添加另一个类名，方法是：。

在加载typeface.js之前，您必须加载外部样式表。否则，当typeface.js尝试绘制文本时，Firefox3可能不会应用样式。

不幸的是，指定font-stretch属性只适用于内联CSS，而不适用于任何样式表。

在IE7中的某些情况下，在呈现页面后浏览器显示typeface.js文本之前可能会出现几毫秒的延迟，从而产生“闪烁”效果。解决这个问题的一种方法是在结束标记之前手动调用_typeface_js.initialize()。

如果您希望动态更改单个画布中显示的字体，您可能必须阅读typeface.js的文档，看看是否有某种方法可以做到这一点，typeface网站上也有一个论坛。否则，您必须自己编写一些与字样脚本交互的内容来更改显示的字体。