我目前正在学习 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)
这是控制台的错误日志:
安慰: …