How can you make a custom TTF (True type text font) in Creator work on ios?

Cocos Creator
1

Hi,

We have some issues with the TTF font format in creator when running the application on ios mobile and PC + IE browser. We are using the label component and then dragging the custom ttf font into the font slot. Everything seems fine on PC + Chrome and Firefox but PC + IE browser and IOS + Safari does not display the font, it uses some default font.

PC, Windows 10, Chrome = Works
PC, Windows 10, Firefox = Works
Android, Chrome = Works

PC, Windows 10, IE = Don’t work
IOS, Chrome = Don’t work
IOS, Safari = Don’t work

We are not loading the font into code in any way, we only use the label component in Creator. Hope someone has a solution other than creating a Bitmap font (This will be our backup solution as the BM font seems to work on all devices and browser).

2

We use FontFace to create the TTF on mobile browser, it seems it’s not well supported on iOS chrome and iOS Safari.

For the IE problem, we don’t have any plan for it. I suggest to use BMFont at the moment.

3

Hi Owen, do you know if there’s any workaround? BM font is not ideal in our case unfortunately.

Edit: We tried creating a Bitmap font and it actually works better than we expected - still not ideal but it’s acceptable.
The problem is that our font is used for both small and large sized letters (from size 12 and up to size 60), so small text looks a bit “jaggy-edged” atm.

4

We’ll look into supporting more font format that suits iOS better.