как можно использовать пользовательский шрифт в ионном

Question

привет, как я могу использовать какой-нибудь пользовательский шрифт в моем приложении ioni c? например, этот шрифт 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');
}

Могу ли я скачать шрифты и положить его, например, в папку активов и изменить код стиля, чтобы загрузить его в автономном режиме?

Answer 1

Загрузите необходимый шрифт и добавьте его в папку assets/fonts.

Go в папку вашей темы откройте variable.scss файл

импортируйте ваш шрифт как:

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

Если вы хотите использовать его для всего приложения, добавьте его в global.scss файл

, например:

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