如何在 ionic2 应用程序中添加自定义字体系列

Question

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

Answer 1

确保 'font-family' 名称与本机字体匹配很重要 name.To 检查 Windows 中的字体名称 您只需双击 .ttf 文件并查看值'Font name' 有。

假设我想在我的 Ionic 应用程序中使用一种字体，我检查了它的 .ttf 文件，它的字体名称是 'Flouc Font'。在我的例子中，我会确保 .ttf 位于正确的文件夹 (assets/fonts) 中。然后编辑 /src/theme/variables.scss 文件以包含以下定义：

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

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

Answer 2

请看这个linkhttps://chriztalk.com/using-google-fonts-ionic-2/。对我有用。