将自定义字体添加到cordova项目中

概述我有自定义字体,我想在我的应用程序中使用. 字体名称是myfont,扩展名为(myfont.eot,.myfont.svg,myfont.ttf,myfont.woff,myfont.woff2),当我执行cordova构建时,它们被复制到IOS和android资源文件夹.但是,当我在设备上打开应用程序时,我看不到新的字体显示. 当我从mac上的safari浏览器运行应用程序时,我确实看到了新的喜 我有自定义字体,我想在我的应用程序中使用.

字体名称是myFont,扩展名为(myFont.eot,.myFont.svg,myFont.ttf,myFont.woff,myFont.woff2),当我执行cordova构建时,它们被复制到IOS和android资源文件夹.但是,当我在设备上打开应用程序时,我看不到新的字体显示.

当我从mac上的safari浏览器运行应用程序时,我确实看到了新的喜欢显示.

这是我的CSS文件的片段

HTML,body {    overflow-x: hIDden;    -webkit-tap-highlight-color: rgba(0,0);    Font-family: 'myFont';    Font-size: 16px;}

为了在AndroID和iOS设备上看到这个新字体,我还需要做些什么

谢谢

解决方法 在CSS中使用@ Font-face.

@Font-face {  Font-family: "my-Font";  src: url("../assets/myFonts.ttf");  // Give relative path to your CSS file.}

将代码添加到顶部的CSS文件中.
然后,您可以轻松地在任何需要的地方使用Font-family my-Font.

例：

CSS

.class-myFont {     Font-family: my-Font;}

HTML

<span >Hello there</span>

总结

以上是内存溢出为你收集整理的将自定义字体添加到cordova项目中全部内容，希望文章能够帮你解决将自定义字体添加到cordova项目中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。