Css 如何使用Angular 2在Ionic 2中使用新字体样式（如AR Destiny）？

我正在用离子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";
}

---

但是我没有得到预期的字体…

您在app.scss中的路径错误

尝试：

---

不确定，但是在“assets”之前有两个点“.”：

src:url（“../assets/fonts/ARDESTINE.ttf”）格式（“ttf”）？
 @font-face {
    font-family: "ARDESTINE";
    src: url("../assets/fonts/ARDESTINE.ttf") format("ttf");
 }