Question

我想使用google webfontloader加载网络字体async

这是我的代码：

<properties>

浏览器报告没有错误，字体永远不会改变。我的代码出了什么问题？

你能帮帮我吗？谢谢你。

ps：我从这里下载了webfontloader.js：https://github.com/typekit/webfontloader。该链接来自谷歌，显示在此页面中：https://developers.google.com/fonts/docs/webfont_loader

Answer 1

在Web Font Loader getting started guide之后，您似乎必须在定义配置后调用WebFont.load()才能实际加载字体。

Answer 2

正如@Jess Kenney所说，我应该使用WebFont.Load（）代替。

这是正确的代码：

<script>
        WebFont.load({
            google: {
                families: ['Noto Sans SC Sliced',
                    'Changa'],
                urls: [
                    'https://fonts.googleapis.com/css?family=Changa',
                    'https://fonts.googleapis.com/earlyaccess/notosansscsliced.css'
                ]
            }
        });
</script>
<script src='/lib/webfontloader.js'></script>
<style type="text/css">
    * {
        font-family: 'Noto Sans SC Sliced', sans-serif;
    }

#Logo {
        font-family: 'Changa', sans-serif;
    }
</style>

最后，感谢@Jess Kenney的帮助。

为什么Google Webfontloader不起作用？

2 个答案: