是否有避免FOUT的字符(用于icomoon)?

时间:2014-08-05 19:58:49

标签: css character font-face

我使用icomoon.io将某些SVG文件转换为字体。 SVG是图形,字母。我知道这个can be accomplished with JavaScript,但我想知道是否有更简单的方法可以避免FOUT( flash of of unsstyled text 在@ font-face文件完全加载之前发生) 。

我是否可以为我的符号分配字符代码,以便在浏览器暂时使用后备字体时呈现为空白?

1 个答案:

答案 0 :(得分:1)

关于避免使用FOUT,您尝试使用DATA-URI方法加载字体:

http://pagesofinterest.net/blog/2012/08/css-only-fout-prevention/

您是否尝试将@ font-face嵌入到另一个css文件中并将其加载到您实际使用自定义字体的其他CSS之前?

聚苯乙烯。为了将SVG转换为font-icons,我通常使用Glyphs。 http://www.glyphsapp.com/ 它允许您使用自己的SVG映射每个单个字符并对它们进行定位/重新缩放等。