1
현재 Pixijs를 배우고 있습니다. 나는이 녀석의 튜토리얼을 보았다 : github.com/kittykatattack/learningPixi 좋은 one btw.PixiJS : 사용자 정의 글꼴로드
Environement : XAMPP, 파이어 폭스, Pixijs, HTML, CSS
가 지금은 사용자 정의 글꼴을로드하려고합니다. 처음으로 Pixijs 프로젝트를 실행해야하는 페이지를로드 할 때 글꼴이 표시되지 않고 콘솔에 몇 가지 오류 메시지가 표시됩니다 ... 두 번째로 (캐시를 삭제하지 않고) 페이지를로드하면 텍스트가 표시됩니다. 최대 주어진 글꼴!
왜?! 의 에러 로그 여기
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);
}
된다
된 index.html :
<head>
<meta charset='UTF-8' />
<style>
@font-face{
font-family: "FFFForward";
src: url("assets/fonts/fffforward.TTF");
}
* {padding: 0; margin: 0}
</style>
app.js 여기
폰트를 넣는 니펫 콘솔 :콘솔 :
downloadable font: bad search range (font-family: "FFFForward" style:normal weight:normal stretch:normal src index:0) source: [path]/assets/fonts/fffforward.TTF PixiJs:6:14
downloadable font: bad range shift (font-family: "FFFForward" style:normal weight:normal stretch:normal src index:0) source: [path]/assets/fonts/fffforward.TTF PixiJs:6:14
downloadable font: cmap: bad id_range_offset (font-family: "FFFForward" style:normal weight:normal stretch:normal src index:0) source: [path]/assets/fonts/fffforward.TTF PixiJs:6:14
downloadable font: hdmx: the table should not be present when bit 2 and 4 of the head->flags are not set (font-family: "FFFForward" style:normal weight:normal stretch:normal src index:0) source: [path]/assets/fonts/fffforward.TTF PixiJs:6:14
downloadable font: hdmx: Table discarded (font-family: "FFFForward" style:normal weight:normal stretch:normal src index:0) source: [path]/assets/fonts/fffforward.TTF PixiJs:6:14
내가 말했듯이,이 메시지는 내가 내 페이지를로드 할 경우에만 처음으로 나타납니다. 두 번째로 모든 것이 정상입니다.
이 문제를 방지하려면 어떻게해야합니까?
왜 이런 일이 발생합니까?
이 의미는 무엇입니까?