WebPACKの負荷フォント

Question

私が反応要素で、このコードを持っている：私のWebpack.configで

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

：

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

問題：私のWebページ上の無フォント...

doesnのをWebpackは自動的にフォントを必要としますか？フォントを読み込むために何か他のものをプログラムする必要がありますか？

Answer 1

フォントは、js/jsxファイル内ではなく、CSSファイル内に指定​​する必要があります。例：

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