Question

我试图修复我的字形。每当页面加载时，它们会移动并在很短的时间后出现，但我的导航因此而摇晃。

有没有人对此有所修正或有效？

以下是我加载字体的代码：

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

Answer 1

如果这是加载图标的问题，我建议尝试通过引导程序CDN加载它们，看看是否有任何区别：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

除了“跳跃”声音之外，你没有为图标设置固定宽度，所以如果你这样做，跳跃应该在任何情况下解决。

Glyhpicon加载时间会导致抖动

1 个答案: