Css ionic 3为每个设备导入字体

我有一个关于爱奥尼亚3的简单项目，我只需要在应用程序的输入中使用自定义字体

我将字体（ttf格式）复制到“./assets/fonts”

在css中

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

刚刚加了这个

现在，当我使用ionic serve为应用程序提供服务并在chrome中打开它时，它就可以正常工作了。（字体已经安装在我的windows上）但使用ionicDevApp，我无法在实际的iphone中看到字体

如何导入字体？关于它的任何正式的爱奥尼亚文件都不好理解，类似的主题都很复杂

我想在我安装的应用程序的每个设备上都看到这种字体

---

请帮助我，谢谢

这不完全是我的专业领域，但我们使用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部分。

到where variables.scss或页面的scss？我们将其放置在app.scss中（实际上它是一个单独的hero.scss文件，导入app.scss中）。首先，感谢您的回答。但是我没有得到任何我的字体的scss文件。我只有ttf。除此之外，该文件中还有什么？font.scss文件包含我在回答中发布的代码片段。无需放入其他文件，您只需将其写入app.scs即可。