Angular 2を使用してIonic 2で新しいフォントスタイル（AR Destinyなど）を使用するにはどうすればよいですか？

Question

私はAngular 2 with ionic 2 frameworkを研究しています。私は私のヘッダータイトルにAR Destinyフォントスタイルを使用したいと思います。ヘッダーにこのフォントスタイルを使用するにはどうしたらいいですか？

私はARDESTINE.ttfファイルをダウンロードし、src/assets/fontsフォルダに配置しました。私が書いた私のhome.scssで

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

を：：

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

を私が置かれているapp.scssにコード

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

を配置しているvariable.scssで

しかし、私は期待どおりにフォントを取得していません...

Answer 1

app.scssに間違ったパスがあります。

試してみてください。

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