【发布时间】:2014-08-06 04:23:13
【问题描述】:
我正在使用icomoon.io 将一些 SVG 文件转换为字体。 SVG 是图形,不是字母。我知道这个can be accomplished with JavaScript,但我想知道是否有更简单的方法来避免 FOUT(在完全加载 @font-face 文件之前发生的无样式文本闪烁)。
如果浏览器临时使用备用字体,我可以为符号分配哪些字符代码,这些代码将呈现为空白?。
【问题讨论】:
我正在使用icomoon.io 将一些 SVG 文件转换为字体。 SVG 是图形,不是字母。我知道这个can be accomplished with JavaScript,但我想知道是否有更简单的方法来避免 FOUT(在完全加载 @font-face 文件之前发生的无样式文本闪烁)。
如果浏览器临时使用备用字体,我可以为符号分配哪些字符代码,这些代码将呈现为空白?。
【问题讨论】:
关于避免 FOUT,您是否尝试过使用 DATA-URI 方法来加载字体:
http://pagesofinterest.net/blog/2012/08/css-only-fout-prevention/
您是否也尝试过将 @font-face 嵌入到另一个 css 文件中,并在您实际使用自定义字体的其余 CSS 之前加载它?
附言。为了将 SVG 转换为字体图标,我通常使用 Glyphs。 http://www.glyphsapp.com/ 它允许您使用自己的 SVG 映射每个字符并定位/重新缩放它们等。
【讨论】: