如何在 Ionic 2 中使用自定义字体(ttf - 文件 )

Question

我试图在 Ionic 2 中安装和使用自定义字体 （ 咀嚼.ttf ）我已经尝试像 CSS 一样使用它@font-face { font-family: Chewy; src: url(../../www/assets/fonts/Chewy.ttf); }在浏览器中，它工作得很好，但是当我构建它时它不再起作用了感谢任何帮助

Answer 1

首先将字体文件放在src/assets/fonts/name.ttf路径中。然后在 src/app/app.scss 中

@font-face {
font-family: name;
src: url(../assets/fonts/name.ttf) format("ttf");
font-weight: 200
}
body {
font-family: name !important;
}

Answer 2

现在你可以使用谷歌字体，例如下载这个： https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2

只需将下载的文件复制到"www/assets/fonts"文件夹，并根据需要重命名即可。

在文件 app.scss 中复制以下代码：

@font-face {
font-family: "Raleway";
src: url("../assets/fonts/Raleway.woff2") format("woff2");
}

您现在可以使用新字体

H1 {
font-family : "Raleway";}