Question

我使用以下代码显示自定义ttf字体：

ml.score = cc.LabelTTF.create(ml.totalPoints.toString(), "fonts/American Typewriter.ttf", 60);
ml.score.setPosition(ml.size.width/2,BS*0.6);
ml.score.retain();
ml.score.setColor(cc.color(200,160,70));
ml.scoreBar.addChild(ml.score, 5);

在Android中，不显示字体。在Chrome / Firefox浏览器中，它是。

我正在使用cocos2d-js 30RC。

笏？

Answer 1

我犯了一个错误。文件名错了。它应该是

ml.score = cc.LabelTTF.create(ml.totalPoints.toString(), "res/fonts/American Typewriter.ttf", 60);

否则代码工作正常。（羞耻......）

Answer 2

迈克尔的答案适用于我的Android，但在我的浏览器中不起作用。

我找不到多用途方法，但在index.html的头部添加此方法适用于我的浏览器：

<style>
@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    src: local('Lobster'), url(res/Lobster.ttf) format('woff');
}
</style>

在你的js：

var titleLabel = new cc.LabelTTF("Hello World", "Lobster", 72);

由于此方法仅适用于我的浏览器，而其他方法仅适用于我的手机，因此我可能需要进行切换。

Cocos2d-js：如何在Android设备上使用自定义ttf字体？

2 个答案: