Как использовать внешний шрифт с использованием растрового текста или текста в Phaser 3? - PullRequest
Новая
       10

Как использовать внешний шрифт с использованием растрового текста или текста в Phaser 3?

0 голосов
/ 24 августа 2018

У меня есть шрифт в каталоге fonts /.Как мне загрузить это в игру, а затем использовать в текстовом объекте в моей игре?Мне не удалось найти что-либо об использовании шрифтов в Phaser 3.

Я опробовал несколько методов и свойств из

https://labs.phaser.io/index.html?dir=&q=

https://photonstorm.github.io/phaser3-docs

это обе ссылки для phaser3, но я не могу установить ширину перкулярного текста

Я также пытаюсь применить шрифт, используя css, но он также не работает для меня.

Заранее спасибо.

1 Ответ

0 голосов
/ 25 августа 2018

Сначала загрузите шрифт из вашего css обычным способом, что-то вроде этого (если url относительно, как показано ниже, он должен быть относительно файла css): 

@font-face {
    font-family: "Indie Flower";
    src: url(../fonts/IndieFlower.ttf) format("truetype");
}

Затем используйте семейство шрифтов в стиле текстового объекта: 

function create() {
    this.add.text(10, 10, 'My text', {
        fontFamily: 'Indie Flower',
        fontSize: '2.5em'
    });
}

См. документы Phaser.js , чтобы увидеть все доступные свойства.

У вас могут возникнуть проблемы с загрузкой шрифта: я имею в виду, что шрифт может не отображаться при загрузке, и вам, возможно, придется подождать загрузки, а затем изменить текст, чтобы отобразить шрифт; Я не эксперт в этом, и для этого есть много разных решений. Со своей стороны, когда я проверял свой ответ, я просто добавил эту строку в начале HTML-тела, и это устранило проблему: 

<span style="font-family:'Indie Flower'"></span>
...