Webpack Boot Fonts

Question

I have this code in a React element:

require('../../Style/fonts/SomethingStrange.ttf') 

In my webpack.config:

 { test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, loader: 'file-loader?name=fonts/[name].[ext]' } 

Problem: There is no font on my web pages ...

Does Webpack automatically request fonts? Do I need to program anything else to download fonts?

Answer 1

You need fonts inside css files, not js / jsx files. For example:

 @font-face { font-family: 'SomethingStrange'; src: url('../../Style/fonts/SomethingStrange.ttf'); }