Я пытаюсь включить некоторые пользовательские шрифты в свой проект, но безуспешно.
ПРИМЕЧАНИЕ: я использую angular-cli: [email protected]
-
Я положил шрифты в папку
SRC/активы/шрифты/Roboto-Regular.tff
-
Я добавляю в
src/styles.css
@font-face {font-family: "Roboto-Regular"; src: url("./assets/fonts/Roboto-Regular.tff"); src: url ("./assets/fonts/Roboto-Regular.tff"); } }
-
Я использую это в компоненте
.scss
семейство шрифтов: "Roboto-Regular";
-
Я получаю ошибку 404:
Не удается найти клиент модуля "./assets/fonts/Roboto-Regular.tff"? 93b6: 80./~/css-loader?sourcemap!./~/postcss-loader!./src/styles.css Модуль не найден: Ошибка: не удается разрешить "./assets/fonts/Roboto-Regular.tff" в "D:\Work\Blah\angular\BlahFrontEnd\src 'resolv"./assets/fonts/Roboto-Regular.tff "в" D:\Work\Blah\angular\BlahFrontEnd\src 'с использованием файла описания: D:\Work\Blah\angular\BlahFrontEnd\package.json (относительный путь:./src) Поле' browser 'не содержит действительного псевдонима конфигурация после использования файла описания: D:\Work\Blah\angular\BlahFrontEnd\package.json (относительный путь:./src) с использованием файла описания: D:\Work\Blah\angular\BlahFrontEnd\package.json (относительный путь:./src/assets/fonts/Roboto-Regular.tff) в качестве каталога D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff не существует без расширения Поле 'browser' hasn ' t содержит допустимую конфигурацию псевдонима. D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff не существует .ts Поле 'browser' не совпадает сохранить правильную конфигурацию псевдонима D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.ts не существует .js Поле 'browser' не содержит действительной конфигурации псевдонима D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.js не существует [D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff] [ D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff] [D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.ts] [ D:\Work\Blah\angular\BlahFrontEnd\src\assets\fonts\Roboto-Regular.tff.js] @./~/css-loader?sourcemap!./~/postcss-loader!./src/styles. css 6: 793-837 @./src/styles.css @multi styles
-
Если я добавлю определение шрифта в
app.component.scss
я получу ошибку 404jquery.js: 2 GET http://localhost: 4200/assets/fonts/Roboto-Regular.tff 404
Любые идеи, как включить мой шрифт Roboto-Regular.tff?
С наилучшими пожеланиями