Webfont加载时保持Bootstrap Glyphicons可见问题求助

我试了多种代码方案，却始终无法解决Webfont加载时保持Bootstrap Glyphicons可见的问题，Google Pagespeed仍显示相同的提示信息。我认为当前使用的代码是正确的，希望有人能指出我遗漏的地方。

当前使用的代码如下：

<link rel="preload" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2" as="font" type="font/woff2" crossorigin>
<style>
    @font-face {
    font-display: swap;
    font-family: 'Glyphicons Halflings';
    src: url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2');
}
</style>

相关截图：

内容的提问来源于stack exchange，提问作者Sam Salim