2014-07-15 13 views
5

tôi sử dụng đoạn mã sau để hiển thị một phông chữ tùy chỉnh ttf:Cocos2d-js: Cách sử dụng phông chữ ttf tùy chỉnh trên thiết bị Android?

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

Trong Android phông chữ không được hiển thị. Trong trình duyệt Chrome/Firefox nó là.

Tôi đang sử dụng cocos2d-js 30RC.

Wat?

+0

Bạn đang tải trước phông chữ của mình chưa? (cùng với tất cả các nội dung khác của bạn, ví dụ như trong tệp 'resource.js' của bạn) –

Trả lời

3

Tôi đã phạm sai lầm. Tên tệp đã sai. Phải là

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

Nếu không, mã hoạt động tốt. (xấu hổ ...)

3

Câu trả lời của Michael hoạt động trên Android của tôi, nhưng không hoạt động trong trình duyệt của tôi.

tôi không thể tìm thấy một phương pháp đa mục đích, nhưng thêm này vào đầu của index.html làm việc cho trình duyệt của tôi:

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

với điều này trong js của bạn:

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

Vì phương pháp này chỉ hoạt động trong trình duyệt của tôi và phương thức khác chỉ hoạt động trên điện thoại của tôi, tôi có thể cần phải bật công tắc.

Các vấn đề liên quan