将typekit与字体事件一起使用时,请避免使用FOUT

时间:2016-04-12 11:37:28

标签: css fonts typekit

我们使用它来加载与typekit的字体异步:

<script src="https://use.typekit.net/whatever.js"></script>
<script>try{Typekit.load({async:true});}catch(e){}</script>

但是之后我们遇到了在页面加载之前将字体设置为arial的问题,因此我们隐藏了这样的元素(adobe将此类广告投放到元素中):

.wf-loading{
    h1, h2, h3, h4, h5, p, a{ 
        visibility: hidden; //hide stuff until adobe gives us the font
    }
}

但是如果adobe的服务器出现故障会发生什么呢?上个月伦敦已经发生了两次。这些元素会被取消隐藏吗?其他人如何使用typekit管理此问题?

此处没有信息:https://helpx.adobe.com/typekit/using/font-events.html

2 个答案:

答案 0 :(得分:1)

我之前遇到过这个问题,但不记得确切的细节。

我很确定它是:

a)Typekit在一段时间后删除 .wf-loading 类作为安全措施。 b)添加自己的超时脚本,从主体中删除该类。

答案 1 :(得分:1)

这是一个修复程序,用于确保在Typekit服务器关闭时显示浏览器默认字体。

def your_func(row):
    return (row['x-momentum']**2+ row['y-momentum']**2 + row['z-momentum']**2)**0.5 / row['mass']

columns_to_keep = ['#time', 'x-momentum', 'y-momentum', 'z-momentum', 'mass']
dataframe = pd.read_csv("./flash.csv", usecols=columns_to_keep)
dataframe['mean_velocity'] = dataframe.apply(your_func, axis=1)

print dataframe

您可以阅读有关the full solution in this blog post的更多信息。