【问题标题】:Are there characters that avoid FOUT (for use with icomoon)?是否有避免 FOUT 的字符(用于 icomoon)?
【发布时间】:2014-08-06 04:23:13
【问题描述】:

我正在使用icomoon.io 将一些 SVG 文件转换为字体。 SVG 是图形,不是字母。我知道这个can be accomplished with JavaScript,但我想知道是否有更简单的方法来避免 FOUT(在完全加载 @font-face 文件之前发生的无样式文本闪烁)。

如果浏览器临时使用备用字体,我可以为符号分配哪些字符代码,这些代码将呈现为空白?

【问题讨论】:

    标签: css character font-face


    【解决方案1】:

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

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

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

    附言。为了将 SVG 转换为字体图标,我通常使用 Glyphs。 http://www.glyphsapp.com/ 它允许您使用自己的 SVG 映射每个字符并定位/重新缩放它们等。

    【讨论】:

    • 赞成,因为您的回答内容丰富,但这并不是我真正想要的。
    • 谢谢,如果你创建一个 jsfiddle,我会更好地调查 :)
    猜你喜欢
    • 1970-01-01
    • 2021-11-18
    • 2022-12-18
    • 1970-01-01
    • 2016-06-17
    • 1970-01-01
    • 1970-01-01
    • 2016-10-13
    • 2018-07-13
    相关资源
    最近更新 更多