css - 如何使用 Angular 2 在 Ionic 2 中使用新的字体样式(如 AR Destiny)？

Question

我正在使用 ionic 2 框架开发 Angular 2。我想为标题标题使用 AR Destiny 字体样式。如何将此字体样式用于页眉。

我已经下载了 ARDESTINE.ttf 文件并放在 src/assets/fonts 文件夹中。

在 variable.scss 中我放置了代码

$font-path: "../assets/fonts";

我在 app.scss 中放置了:

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

在我的 home.scss 中我写了:

.toolbar-title{
    font-family : "ARDESTINE";
}

但我没有得到预期的字体...

Answer 1

您在 app.scss 中的路径错误。

尝试:

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