css - ionic 3 为每个设备导入字体

Question

我在 ionic 3 上有一个简单的元素，我只需要在应用程序的输入中使用自定义字体。

我把字体(ttf格式)复制到“../assets/fonts”

在 CSS 中；

font-family: license plate, ariel, sans-serif;

刚刚添加了这个。

现在，当我使用 ionic serve 为应用程序提供服务并在 chrome 中打开它时，一切正常。 (字体已经安装在我的 windows 上)但是使用 ionicDevApp 我看不到实际 iphone 中的字体。

如何导入字体？无法找到关于它的任何官方 ionic 文档，并且在类似的 stackoverflow 主题中理解起来非常复杂。

我想在我的应用程序安装的每台设备上看到该字体。

请帮助我谢谢

Answer 1

不完全是我的专业领域，但我们以这种方式使用 Noto Hero 字体:

@font-face {
  font-family: 'Hero';
  src: url('Hero.woff2') format('woff2'),
  url('Hero.woff') format('woff');
  font-weight: normal;
  font-style: normal;  
}

所以我猜你漏掉了 url 和 src 部分。