FontLoader не работает - шрифты не загружаются - PullRequest
Новая
       7

FontLoader не работает - шрифты не загружаются

0 голосов
/ 08 ноября 2018

Я использую загрузчик шрифтов отсюда: https://github.com/smnh/FontLoader Пожалуйста, предложите лучший вариант, если вы его знаете.

Проблема в том, что ни один из шрифтов не загружается. В загрузчике шрифтов всегда была ошибка Not All Fonts Loaded.

Я уменьшил шрифт до одного шрифта, и он просто не работает. Все URL-адреса файлов шрифтов верны, я могу загрузить их в своем браузере.

CSS: 

<script type="text/css">
    @font-face{
        font-family:'MrsSaintDelafield';
        src: url('https://example.com/wp-content/themes/utterly/designer/fonts/Used/MrsSaintDelafield-Regular.eot');
        src: url('https://example.com/wp-content/themes/utterly/designer/fonts/Used/MrsSaintDelafield-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://example.com/wp-content/themes/utterly/designer/fonts/Used/MrsSaintDelafield-Regular.woff2') format('woff2'),
        url('https://example.com/wp-content/themes/utterly/designer/fonts/Used/MrsSaintDelafield-Regular.woff') format('woff'),
        url('https://example.com/wp-content/themes/utterly/designer/fonts/Used/MrsSaintDelafield-Regular.ttf') format('truetype'),
        url('https://example.com/wp-content/themes/utterly/designer/fonts/Used/MrsSaintDelafield-Regular.svg') format('svg');
    }
</script>

JS: 

// wait for document load
    jQuery(document).ready(function($) {

        // wait for all fonts to be loaded before doing anything else
        var fontLoader = new FontLoader(["MrsSaintDelafield"], {
            "fontLoaded": function (font) {
                console.log("font has loaded " + font.family);
            },
            "complete": function (error) {
                if (error != null) {

                    console.log(error.message);

                } else {

                }
            }
        },3000);

        fontLoader.loadFonts();
    });

Все, что я получаю в консоли: «Не все шрифты были загружены (0/1)»

Кто-нибудь еще сталкивался с этой проблемой?

1 Ответ

0 голосов
/ 08 ноября 2018

Это кажется излишним просто для загрузки шрифта. Похоже, этот шрифт доступен через Google шрифты. Перейдите по ссылке и нажмите «Выбрать этот шрифт» для получения инструкций о том, как добавить его на свой сайт.

...