Egret引擎外部字体的解决方案

news/2025/3/15 7:51:58/

最新官方文档太老了

http://developer.egret.com/cn/github/egret-docs/Engine2D/textField/textStyle/index.html

还在使用egret.registerFontMapping(),这个API早就不支持了。

 

官方论坛上也有多个帖子在询问

https://bbs.egret.com/forum.php?mod=viewthread&tid=54983&highlight=%E5%AD%97%E4%BD%93

https://bbs.egret.com/forum.php?mod=viewthread&tid=52751&highlight=%E5%AD%97%E4%BD%93

 

经过多次来回试验,终于找到可行的解决方案。在下列版本上,用小米,锤子,oppo的多款手机测试通过

引擎版本: 5.2.16 ~5.2.20(当前最新版本)

native android版本: 0.1.16和0.1.17(当前最新版本)

 

先概括一下:在web和native两个平台上,支持外部字体的方法不同。

 

我们把要使用的字体放到resource目录下, 比如名字是:testFont.TTF

 

1、在web上支持的方法。修改index文件,增加一个一种字体:

<style>

html, body {

-ms-touch-action: none;

background: #000000;

padding: 0;

border: 0;

margin: 0;

height: 100%;

}

</style>

<style type="text/css"> /* 在默认的style后面加一个字体style就可以了。 */

@font-face {

font-family: 'Saira SemiCondensed';

src:url('./resource/testFont.TTF') format('truetype');

font-weight: normal;

font-style: normal;

}

div

{

font-family: "Saira SemiCondensed";

}

</style>

 

然后在引擎的label上,用fontFamily="Saira SemiCondensed", 就可以使用这个字体了.。可以在exml中直接定义,很方便。

 

 

2、在native android 上支持的方法。

在label,使用代码如下:

let myLabel: eui.Label

myLabe.fontFamily = "resource/testFont.TTF";

 

 

3、把上面两个方案结合起来。

上面这两种方案是不兼容的。native的方案直接用浏览器访问,字体会非常小,怪异。加上判断即可。注意判断native版本,要使用 egret.RuntimeType.RUNTIME2,而不是egret.RuntimeType.NATIVE

let myLabel: eui.Label

if (egret.Capabilities.runtimeType == egret.RuntimeType.RUNTIME2) {

myLabel.fontFamily = "resource/testFont.TTF";

}

 

 


http://www.ppmy.cn/news/531144.html

相关文章

俄罗斯人被禁止使用Arial等字体;马斯克欲434亿美元私有化Twitter;Apache Struts2曝高危漏洞|极客头条

「极客头条」—— 技术人员的新闻圈&#xff01; CSDN 的读者朋友们早上好哇&#xff0c;「极客头条」来啦&#xff0c;快来看今天都有哪些值得我们技术人关注的重要新闻吧。 整理 | 梦依丹 出品 | CSDN&#xff08;ID&#xff1a;CSDNnews&#xff09; 一分钟速览新闻点&…

Times New Roman vs Arial,期刊论文如何选择字体?

熟悉我们微生信的朋友都知道&#xff0c;我们一直默认&#xff08;唯一&#xff09;使用的字体是Arial&#xff0c;但是经常有同学想要使用Times New Roman字体&#xff0c;千呼万唤始出来&#xff0c;近期我们将对所有模块添加这两种字体的选项。快跟小编一起来了解下背景知识…

(已解决)Ubuntu下安装微软常用英文字体:Arial, Times New Roman, Calibri, Cambria等

系统&#xff1a; Ubuntu 16.04 (其他Linux理论上也可&#xff09; 安装字体&#xff1a; 微软经典 TrueType 字体: Andale MonoArial BlackArial (Bold, Italic, Bold Italic)Comic Sans MS (Bold)Courier New (Bold, Italic, Bold Italic)Georgia (Bold, Italic, Bold It…

百度UEditor编辑器修改arial默认字体为宋体

在ueditor文件夹下有两个js文件&#xff0c;分别是ueditor.all.js和ueditor.all.min.js 打开这两个文件&#xff0c;找到如下代码&#xff1a; //设置默认字体和字号 //font-family不能呢随便改&#xff0c;在safari下fillchar会有解析问题 body{margin:8px;font-family:sans…

linux 安装arial字体,在CentOS中安装arial字体

Gnuplot是一个用C编写的用于生成二维和三维图命令行程序&#xff0c;对于脚本驱动的图形&#xff0c;gnuplot是迄今为止最受欢迎的程序。在Centos安装gnuplot&#xff0c;如下所示&#xff1a; [yhwangyhwang ~]$ yum install gnuplot -y 在运行一些生物信息软件的时候&#xf…

Tahoma,Arial和宋体英文字体

几年前一直用简体中文版的Widnows XP&#xff0c;从来没有觉得字体怎么怎么样。偶然看见英文版Windows XP就发现菜单或者文件夹的字体很好看&#xff0c;没怎么研究就把我的中文版XP换成了英文版并沿用至今。后来很久才知道可以在Control Panel -> Display -> Appearance…

Tahoma Arial Verdana三种字体的选择

最近在做“我的订单”页面&#xff0c;在字体选择上面参考了京东 淘宝的订单页面的字体。 京东字体为 font-family: Arial, Verdana, 宋体; 淘宝字体为 font-family: tahoma, arial, Hiragino Sans GB, 宋体, sans-serif; 可以看到字体以Arial Tahoma Verdana三种为主&#…

python字体类型arial_Arial Narrow字体是Arial的()

【判断题】液体的黏度随温度升高而增大,气体的黏度则随温度升高而减小。 【填空题】等边三角形的边长为 a ,其当量直径为( ) 。 【单选题】保险可以从不同的角度进行定义,从经济角度看,保险属于( ) 【填空题】烟囱人力基础挖三类湿土,h4m(仅计3M以上),套用定额编号( ) ,计量单位…