如何在ionic2 app中添加自定义字体系列

Question

我想在我的ionic2应用中添加Google字体的新字体系列。我需要更改默认字体系列并添加我的自定义字体系列。请帮忙！感谢

Answer 1

确保'font-family'名称与本机字体名称匹配非常重要。要在Windows中检查字体名称，只需双击.ttf文件，然后查看“字体名称”的值。

假设我有一个我想在我的Ionic应用程序中使用的字体，我检查它的.ttf文件，它的字体名称是'Flouc Font'。在我的情况下，我会确保.ttf在正确的文件夹（资产/字体）中。然后编辑/src/theme/variables.scss文件以包含以下定义：

@font-face {
  font-family: "Flouc Font";
  src: url("../assets/fonts/floucFont.ttf")
}

*{
  font-family: "Flouc Font";
}

Answer 2

请参阅此链接https://chriztalk.com/using-google-fonts-ionic-2/。它对我有用。