白鷺引擎使用外部字體(ttf温圆、otf等)挨摸,非轉(zhuǎn)fnt

今天腦洞一下,用H5調(diào)用外部字體的方法是否可以使用在白鷺上岁歉。測(cè)試了一下發(fā)現(xiàn)可以使用得运,在這分享一下方法:首先,在樣式表中定義外部使用的字體:

@font-face {
            font-family:"hanti";
            src: url("linxintijian.ttf");
            }

然后在字體標(biāo)簽的fontfamily屬性中使用這個(gè)字體就行了锅移,以sample為例:

        let colorLabel = new egret.TextField();
        colorLabel.textColor = 0xffffff;
        colorLabel.width = stageW - 172;
        colorLabel.textAlign = "center";
        colorLabel.text = "Hello Egret";
        colorLabel.size = 24;
        colorLabel.x = 172;
        colorLabel.y = 80;
        colorLabel.fontFamily ="hanti";
        this.addChild(colorLabel);

在瀏覽器中測(cè)試:

QQ20161226-171811.png

在手機(jī)上測(cè)試(安卓微信瀏覽器):

WechatIMG100.jpeg

ios設(shè)備沒經(jīng)過測(cè)試熔掺,已知ttc類型字體不支持

在白鷺社區(qū)發(fā)了之后,白鷺官方在下面有回答:
yjtx 官方團(tuán)隊(duì) | 3 小時(shí)前 你可以測(cè)試下如果字體加載完成在游戲開始后還行不行
測(cè)試一下非剃,還真不行……由于字體加載比白鷺加載慢置逻,導(dǎo)致字體沒應(yīng)用上,加個(gè)字體監(jiān)聽:

    <script>
        document.fonts.ready.then(success, fail);
        function success(){
            egret.runEgret({renderMode:"webgl", audioType:0});
        }
        function fail(){
        }
    </script>

當(dāng)然可以用更好的方法讓字體和白鷺的資源同時(shí)讀取备绽,再加個(gè)加載界面就完美了……

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末券坞,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子肺素,更是在濱河造成了極大的恐慌恨锚,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件倍靡,死亡現(xiàn)場(chǎng)離奇詭異猴伶,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)塌西,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門他挎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人雨让,你說我怎么就攤上這事》薜龋” “怎么了栖忠?”我有些...
    開封第一講書人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我庵寞,道長(zhǎng)狸相,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任捐川,我火速辦了婚禮脓鹃,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘古沥。我一直安慰自己瘸右,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開白布岩齿。 她就那樣靜靜地躺著太颤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪盹沈。 梳的紋絲不亂的頭發(fā)上龄章,一...
    開封第一講書人閱讀 49,749評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音乞封,去河邊找鬼做裙。 笑死,一個(gè)胖子當(dāng)著我的面吹牛肃晚,可吹牛的內(nèi)容都是我干的锚贱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼陷揪,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼惋鸥!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起悍缠,我...
    開封第一講書人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤卦绣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后飞蚓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體滤港,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年趴拧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了溅漾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡著榴,死狀恐怖添履,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情脑又,我是刑警寧澤暮胧,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布锐借,位于F島的核電站,受9級(jí)特大地震影響往衷,放射性物質(zhì)發(fā)生泄漏钞翔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一席舍、第九天 我趴在偏房一處隱蔽的房頂上張望布轿。 院中可真熱鬧,春花似錦来颤、人聲如沸汰扭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)东且。三九已至,卻和暖如春本讥,著一層夾襖步出監(jiān)牢的瞬間珊泳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工拷沸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留色查,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓撞芍,卻偏偏與公主長(zhǎng)得像秧了,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子序无,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,735評(píng)論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案验毡? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,734評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)帝嗡,斷路器晶通,智...
    卡卡羅2017閱讀 134,628評(píng)論 18 139
  • 在遠(yuǎn)方天空上看接近黎明的曙光狮辽, 淡藍(lán)色的海天深深地印在了我的眼瞳里。 大海就在溫柔的呼喚中一步一步地長(zhǎng)大巢寡, 微笑著...
    青果無心閱讀 485評(píng)論 0 0
  • 黑色的夜晚像一個(gè)漩渦喉脖,月亮從云中破繭而出,月色中的云在慢慢行走抑月,走進(jìn)了黑色树叽,走出了月夜。 她像一顆明珠谦絮,照...
    利子閱讀 145評(píng)論 0 1