Как добавить шрифт скачанный из интернета ⇐ CSS

[Anonymous]

Я просмотрел много страниц, но не могу понять, что я делаю не так.

• Я скачал файлы LiberationSans.woff2, LiberationSans.woff из Интернета .
• Добавил их в свой проект реагирования на foalder /src/fonts
• В свой CSS я добавил:
  < /ол>
  @font-face {
  font-family: 'Liberation Sans';
  src: url('./fonts/LiberationSans.woff2') format('woff2'),
  url('./fonts/LiberationSans.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  }
• В моем html я добавил:

[*]

• Попробуйте использовать:

.treeNodeText{
font-family: 'Liberation Sans';
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 17px;
color: #0c0d0e;
}

Наконец я получаю сообщение об ошибке
ERROR in ./src/styles/App.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/styles/App.css) 5:36-92
Module not found: Error: Can't resolve './fonts/LiberationSans.woff2' in '/home/matvey/Документы/noteTakingApplication/notes/src/styles'


Подробнее здесь: https://stackoverflow.com/questions/793 ... m-internet