我认为如果我们可以将 swf 大小与原始文本宽度相匹配,那么渲染会很快。
4 回答
sIFR 生成的字体替换 flash 占用与替换的 HTML 元素相同的空间。因此,例如,如果您要替换的文本位于h1
标签内,sIFR 将占用该h1
元素的整个空间,而不是其中的文本空间。
我猜您要替换的元素的宽度为 100%。您可以在其上设置边框 ( style="border: solid 1px black;"
),以便查看元素的边界。
让 SIFR 以精确的布局(字体除外)呈现总是具有挑战性的。
您可能会在这里得到一些提示/帮助:
SO - SIFR 3 text resizing to fit width
sIFR Width Problem
Font Sizing with sIFR
如果您在使用 sIFR 时遇到困难,您可以尝试使用 Cufon。它非常容易集成并提供非常好的结果。
要遵守法律,您必须确保您使用的字体允许网络嵌入。你可以在这里读更多关于它的内容 -
- Cufon 主页:http ://cufon.shoqolate.com/
- Cufon 文档:https ://github.com/sorccu/cufon/wiki
您还应该在这里查看 Typekit。Typekit 是 Jeff Veen 和 Small Batch 提供的优雅但不是免费的解决方案:
sIFR 文本可能会占用更多空间(或更少!),因为字体与 HTML 字体不同。letter-spacing
您可以在以 .为前缀的 CSS 规则中影响 HTML 文本的宽度.sIFR-active
。