小编Ols*_*ong的帖子

PixiJS:加载自定义字体

我目前正在学习 Pixijs。我浏览了这个人的教程:github.com/kittykatattack/learningPixi 顺便说一句,不错。

环境:Xampp、Firefox、Pixijs、HTML、CSS

现在我尝试加载自定义字体。第一次加载我的 Pixijs 项目应该运行的页面时,字体没有显示,控制台显示一些错误消息......第二次加载页面(不删除缓存)时,文本显示为给定的字体!

为什么?!

以下是加载字体的片段:

索引.html:

<head>
    <meta charset='UTF-8' />
    <style>
        @font-face{
            font-family: "FFFForward";
            src: url("assets/fonts/fffforward.TTF");
        }

        * {padding: 0; margin: 0}
    </style>
Run Code Online (Sandbox Code Playgroud)

应用程序.js:

function DrawText(){

PointsTopText = new Text(
    "P1: " + PointsTop,
    {fontFamily: 'FFFForward, Arial', fontSize: 32, fill: 'white'}
);
PointsBotText = new Text(
    "Cpu: " + PointsBot,
    {fontFamily: 'FFFForward, Arial', fontSize: 32, fill: 'white'}
);

PointsTopText.position.set(0, Renderer.height / 2 - 32 * 2);
PointsBotText.position.set(0, Renderer.height / 2);

World.addChild(PointsTopText);
World.addChild(PointsBotText);
}
Run Code Online (Sandbox Code Playgroud)

这是控制台的错误日志:

安慰: …

javascript css fonts pixi.js

1
推荐指数
1
解决办法
7116
查看次数

标签 统计

css ×1

fonts ×1

javascript ×1

pixi.js ×1