【问题标题】:TYPEFACE.JS Selecting different fontsTYPEFACE.JS 选择不同的字体
【发布时间】:2011-11-29 05:18:36
【问题描述】:

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

我无法让 typeface.js 为除标题标签之外的任何内容呈现字体。此外,如何从下拉列表中选择要使用的字体?

非常感谢!

【问题讨论】:

    标签: javascript fonts preview typeface.js


    【解决方案1】:

    您阅读过文档吗?

    您是否已将字体转换为与字体一起使用?

    来自字体网站:

    默认情况下,当这些元素的样式引用 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 的文档,看看是否有办法做到这一点,字体网站上还有一个论坛。否则,您将不得不自己编写与字体脚本交互的内容以更改显示的字体。

    【讨论】:

      猜你喜欢
      • 2011-01-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-06
      • 2014-06-09
      • 2011-10-09
      • 1970-01-01
      • 2018-07-30
      相关资源
      最近更新 更多