Cordova   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了将自定义字体添加到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构建时,它们被复制到IOSandroid资源文件夹.但是,当我在设备上打开应用程序时,我看不到新的字体显示.

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

这是我的CSS文件的片段

html,body {
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0,0);
    font-family: 'myfont';
    font-size: 16px;
}

为了@R_489_5313@d和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 class="class-myfont">Hello there</span>

大佬总结

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

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。