【发布时间】:2011-11-29 05:18:36
【问题描述】:
我正在尝试在 dafont.com 或使用 typeface.js 的类似网站上创建字体预览表单。
我无法让 typeface.js 为除标题标签之外的任何内容呈现字体。此外,如何从下拉列表中选择要使用的字体?
非常感谢!
【问题讨论】:
标签: javascript fonts preview typeface.js
我正在尝试在 dafont.com 或使用 typeface.js 的类似网站上创建字体预览表单。
我无法让 typeface.js 为除标题标签之外的任何内容呈现字体。此外,如何从下拉列表中选择要使用的字体?
非常感谢!
【问题讨论】:
标签: javascript fonts preview typeface.js
您阅读过文档吗?
您是否已将字体转换为与字体一起使用?
来自字体网站:
默认情况下,当这些元素的样式引用 typeface.js 字体时,typeface.js 将为标题元素(h1、h2 等)呈现文本。
请记住,默认情况下标题样式为粗体,因此您需要添加 font-weight: normal 到您的标题样式,或者加载粗体版本的字体(如果您需要的话)。
任何其他引用 typeface.js 字体的 HTML 元素都需要在其类名列表中包含 typeface-js。 如果您有一个元素已经有一个类名,例如,您可以通过说添加另一个类名。
您必须在加载 typeface.js 之前加载外部样式表。否则,Firefox 3 在 typeface.js 尝试绘制文本时可能没有应用样式。
不幸的是,指定 font-stretch 属性仅适用于内联 CSS,而不适用于任何样式表。
在 IE7 中的某些情况下,您可能会在页面呈现后浏览器显示 typeface.js 文本之前看到几毫秒的延迟,从而产生“闪烁”效果。解决此问题的一种方法是在结束标记之前手动调用 _typeface_js.initialize()。
如果您希望动态更改单个画布中显示的字体,您可能必须阅读 typeface.js 的文档,看看是否有办法做到这一点,字体网站上还有一个论坛。否则,您将不得不自己编写与字体脚本交互的内容以更改显示的字体。
【讨论】: