Почему Google Webfontloader не работает?

Question

Я хочу использовать google webfontloader для загрузки асинхронного веб-шрифта

Вот мой код:

<script>
        WebFontConfig = {
            custom: {
                families: [
                    'Noto Sans SC Sliced',
                    'Changa'
                ],
                urls: [
                    'https://fonts.googleapis.com/css?family=Changa',
                    'https://fonts.googleapis.com/earlyaccess/notosansscsliced.css'
                ]
            },
            timeout: 5000
        };
</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;
}

Браузер сообщает об ошибке, и шрифт никогда не меняется. Что не так с моим кодом?

Не могли бы вы помочь мне? Спасибо.

ps: я скачал webfontloader.js отсюда: https://github.com/typekit/webfontloader. Ссылка от Google, которая показывается на этой странице: https://developers.google.com/fonts/docs/webfont_loader

Answer 1

Как сказал @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 за помощь.

Answer 2

Из руководства по началу работы с Web Font Loader похоже, что вам нужно вызвать WebFont.load() после определения конфигурации для фактической загрузки шрифтов.