Jump to content

CocoonJS + ttf fonts


Recommended Posts

Im using @fontface to use .ttf fonts in phaser, however the app is hard crashing at startup with Cocoon using Canvas+. Webview+ works, but is really laggy so I want to avoid. 


In the style tag:


 @font-face { font-family: 'Munro'; src: url('fonts/Munro.ttf');}

and an example of my text:


scoreText = game.add.text(36, buttonY,'' + score, { font: '28px Munro', fill: 'white'});

Cocoon supports fontface, so I'm unsure what could be causing the problem. Does anyone know how to fix, or has had similar problems?




Link to comment
Share on other sites

using cocoonJS + ttf, works perfectly fine on many project.

first be sure you are using the original font name, which the font is set to

@font-face { font-family: 'fontUseName'; src: url('fonts/fontname.ttf'); }

looks like you have set this alright.

be sure that you store your font into the ./fonts folder. You have set this alright too.

3. Here is the code which I use to set the font. works perfectly_
( written the long way for better understanding ).

this.menuTextPLAY = this.game.add.text(x, y, "TEXT");                    this.menuTextPLAY.font = "BPdots";                    this.menuTextPLAY.fontSize = 30 * pixelratio + "px";                    this.menuTextPLAY.fill ="#ffffff";                    this.menuTextPLAY.x = game.width / 2 - this.menuTextPLAY.width / 2;                    this.menuTextPLAY.y = game.height - 200 * pixelratio;                    this.menuTextPLAY.setText('Play');

Works at 60FPS with physics, collisions, 50 sprites on canvas+ mode
( okay maybe more sprite - but thats basically what happens at the same time in my code )

The only thing which crashes cocoonJS on my machine with a black screen over more than 5 minutes was using WEBGL.
I don't know why or how or what happened. But since WEBGL is very slow on iOS using CocoonJS I use Canvas+ 
never had such a problem.

hope that helps anyway.


Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...