WebPACK czcionek obciążenia

Question

Mam ten kod w elemencie React:

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

W moim Webpack.config:

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

Problem: brak czcionki na moich stronach ...

Doesn 't Webpack pozwala mi automatycznie wymagać czcionek? Czy muszę programować cokolwiek innego, aby załadować czcionki?

Answer 1

Musisz wymagać swoich czcionek w plikach css, a nie w plikach js/jsx. Na przykład:

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