TYPEFACE.JS选择不同的字体

Question

我试图创建一个像dafont.com或使用typeface.js的类似网站上的字体预览窗体。

我无法获得typeface.js来渲染除标题标记之外的任何字体。另外，如何从下拉列表中选择使用哪种字体？

非常感谢！

Answer 1

您是否阅读过文档？

您是否将字体转换为字体使用？

从字样的网站：

默认typeface.js将呈现标题元素（H1，H2等）当这些元素的风格参考typeface.js字体的文本。

请记住，默认情况下，标题样式为粗体，因此您需要为标题样式添加font-weight：normal，或者加载字体的粗体版（如果这是您的原始样式）。

引用typeface.js字体的任何其他HTML元素都需要在其类名称列表中包含typeface-js。例如，如果您有一个已经有类名称的元素，则可以通过说出来添加另一个类名称。

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

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

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

---

如果你想找动态地改变一个画布显示的字体，你可能必须阅读typeface.js的文件，看看是否有一些方法来做到这一点，也有一个论坛上字体网站。否则，你必须自己写一些与字体脚本交互的东西来改变显示的字体。