Использование собственного шрифта .otf в приложении ASP.NET Core 2.2

Question

У меня есть файл шрифта .otf, который я пытаюсь использовать в своем проекте ASP.NET Core.

В папке wwwroot я создал другую папку с именем font , гдеФайл .otf находится.

В моем файле CSS есть следующее:

@@font-face {
    font-family: 'Nexa Light';
    src: local('../font/Nexa Light.otf'), url('../font/Nexa Light.otf');
}

body {
    font-family: 'Nexa Light';
}

Шрифт не был применен, и в консоли Chrome Dev нет ошибок, поэтому.

Любая помощь очень ценится.

Answer 1

Я создал еще одну папку с именем шрифты , в которой находится файл .otf

В вашем коде вы написали шрифт в пути: src: local('../font/Nexa Light.otf'), url('../font/Nexa Light.otf');

• Проверьте, что имя папки шрифта
• Избегайте использования пробелов в имени шрифта, используйте "_" или "-" вместо пробелов.

Это может быть причиной вышеуказанной проблемы.

Попробуйте использовать следующий код:

@font-face {
  font-family: myFirstFont;
  src: url(fontname.woff);
}