Как загрузить шрифт Google на DOM готов? - PullRequest
0 голосов
/ 31 декабря 2018

Я хочу загрузить этот шрифт <link href="https://fonts.googleapis.com/css?family=KoHo:400" rel="stylesheet"> с помощью Ajax, на DOM готов, это возможно?

Ответы [ 2 ]

0 голосов
/ 31 декабря 2018

Желаете ли вы загрузить шрифт в DOM, готовый по соображениям производительности или потому, что вы хотите, чтобы шрифт был подготовлен до рендеринга?

Если вы используете jQuery, то это хорошая статья о выполнении чего-то похожего изCC-Tricks https://css -tricks.com / предотвращение попадания из-за-пользовательских шрифтов /

Из того, что говорится в статье, вы можете установить cookie, который позволит вашемуСкрипт знает, что шрифты кешируются.в противном случае вы можете загрузить с AJAX.

Из артикула:

// Check if a cookie exists suggesting fonts are cached
if (!fonts_are_cached) {
    // Don't slow down rendering
    $(window).load(function() {

        // Load in custom fonts
        $.ajax({
            url: 'https://fonts.googleapis.com/css?family=KoHo:400'
        });

        // Don't actually do anything with them, just request them so they are cached.
        // Set cookie indicating fonts are cached

    });
}
0 голосов
/ 31 декабря 2018

Я не совсем уверен, чего вы здесь добиваетесь.Если это проблема скорости страницы и вы хотите загрузить шрифты асинхронно, см. Эту статью:
https://www.lockedownseo.com/load-google-fonts-asynchronously-for-page-speed/

Загрузка в Google Fonts с помощью тега <link> обеспечит отображение шрифтов до того, какстраница загружена.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...