Как включить собственный шрифт .otf в angular 2

У меня есть куча пользовательских шрифтов, которые я хочу включить в свое веб-приложение. Я поместил их в папку assets/fonts в src, но я не уверен, как включить их в свой проект.

Я добавил следующее в свой файл styles.scss, который компилируется, но не меняет мой шрифт:

body {
  font: Custom;
}

@font-face {
  font-family: Custom;
  src: url('assets/fonts/Custom.otf') format('opentype');
}

angular fonts sass
person Ali Bari    schedule 08.03.2018    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Нашел раствор.

Пользовательский должен быть в кавычках и !важно для переопределения текущего шрифта

body {
  font-family: 'Custom', Fallback, sans-serif !important;
}

@font-face {
  font-family: 'Custom';
  src: url('assets/fonts/Custom.otf') format('opentype');
}
person Ali Bari    schedule 08.03.2018