Странно работает со шрифтами?

Question

[Михаил]

Примерная структура проекта (касаемо шрифтов):
dist
--fonts
----Roboto.ttf
src
--fonts
---Roboto
----Roboto.ttf

Шрифты подключаются только если задаю абсолютный путь к ним. Причем путь именно к src/fonts/а не dist/fonts.
При этом в dist, при сборке, не создается папка fonts.
Возникнут ли проблемы в дальнейшем с такими путями?

Второй вариант: (не сработал, не знаю почему)
В webpack.config.js прописал в модулях для шрифтов publicPath, как советовали некоторые люди.

{
                test: /\.(?:|woff(2)?|eot|ttf|otf)$/,
                type: 'asset/inline',
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: `./fonts/${filename('[ext]')}`,
                            publicPath: '../',
                        },
                    }
                ],
            },

Шрифты собираются в dist/fonts, но при попытке использовать в css, ничего не происходит. В консоли выдает: Failed to decode downloaded font и OTS parsing error.
С OTS parsing все советуют сражаться абсолютным путем к файлу.

Как мне подключить шрифты (с относительными путями), чтобы при сборке в dist генерировалась папка fonts и не возникало parsing-овых error-ов?