2014-07-15 50 views
5

我用下面的代碼來顯示一個自定義TTF字庫:在Android中未顯示Cocos2d-js:如何在Android設備上使用自定義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); 

的字體。在Chrome/Firefox瀏覽器中,它是。

我正在使用cocos2d-js 30RC。

Wat?

+0

您是否正在預加載字體? (以及所有其他資產,例如,在你的'resource.js'文件中) –

回答

3

我犯了一個錯誤。文件名稱錯誤。它應該是

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

否則代碼工作正常。 (羞愧...)

3

邁克爾的答案適用於我的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); 

由於這種方法只適用於我的瀏覽器,另一種方法只適用於我的手機,我可能需要拿出一個切換。

相關問題