2017-09-14 4 views
1

私は現在Pixijsを学んでいます。 私はこの男のチュートリアルを行った:github.com/kittykatattack/learningPixi ニースワンbtw。PixiJS:カスタムフォントをロード

Environement: XAMPPは、Firefox、Pixijs、HTML、CSS

今私は、カスタムフォントをロードしてみてください。 初めてPixijsプロジェクトを実行するページを読み込むと、フォントが表示されず、コンソールにエラーメッセージが表示されます... 2回目に(キャッシュを削除せずに)テキストが表示されています与えられたフォントでアップ!

なぜですか?のエラーログここ

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 

、このメッセージは私が私のページをロードするだけの非常に最初の時間を表示されます。 2回目はすべて正常です。

これを防止するにはどうすればよいですか?

どうしてですか?

この意味はなんですか?

答えて