cordova - 向cordova项目添加自定义字体

我有一个想要在我的应用程序中使用的自定义字体。

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

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

这是我的 CSS 文件中的片段

html, body {
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0,0,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 class="class-myfont">Hello there</span>

关于cordova - 向cordova项目添加自定义字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43269174/