egret中,除了默认的字体样式以外,我们还可以使用位图字体。但是位图文字一般用于固定文字,对于动态可编辑的文字不再适用,这时候我们需要引入外部字体。
首先在样式表中添加外部字体:
@font-face {
font-family:"ziti1";
src: url("kaiti.ttf");
}
其次添加侦听,使得进入游戏之前完成字体加载:
<script>
document.fonts.ready.then(success, fail);
function success(){
egret.runEgret({renderMode:"webgl", audioType:0});
}
function fail(){
}
</script>
最后在程序中调用即可:
label.fontFamily ="ziti1";