如何在ionic中使用自定义字体

Question

hi如何在我的ionic应用程序中使用一些自定义字体？例如这个字体http://fontonline.ir/btitrbold.html

<link href='http://www.fontonline.ir/css/BTitrBold.css' rel='stylesheet' type='text/css'>

但如果我的应用程序脱机，字体将不会加载我打开参考

@font-face {
font-family: 'BTitrBold';
src: url('http://fontonline.ir/fonts/BTitrBold.eot?#') format('eot'),
url('http://fontonline.ir/fonts/BTitrBold.ttf') format('truetype'),
url('http://fontonline.ir/fonts/BTitrBold.woff') format('woff');
}

我可以下载字体并将其放在例如assets文件夹中，然后更改样式代码以脱机加载吗？

Answer 1

下载所需的Font并将其添加到assets/fonts文件夹中。

转到您的主题文件夹打开variable.scss文件

导入您的字体，如：

@font-face {
font-family: 'YOUR_FONT_NAME';
src: url('../assets/fonts/YOUR_FONT_NAME.ttf');
font-weight: normal;
font-style: normal;
}

如果你想将其用于Whole应用程序，请将其添加到你的global.scss文件中

例如：

* {
font-family: 'YOUR_FONT_NAME'; // font-family name you declared above.
}