如何在Ionic 2中使用自定义字体（ttf - 文件）？

Question

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

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

现在您可以使用Google fonts，例如下载此内容：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";}