android - Cocos2d-js：如何在安卓设备上使用自定义的 ttf 字体？

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);

由于此方法仅适用于我的浏览器，而另一种方法仅适用于我的手机，我可能需要想出一个切换。