Question

141

rated 0 times [ 144] [ 3] / answers: 1 / hits: 17241 / 9 Years ago, thu, october 22, 2015, 12:00:00

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: no font on my webpages...

Doesn't Webpack let me automatically require fonts? Do I have to program anything else to load fonts?

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 4

Total Questions: 114

Total Answers: 118

Location: Mali

Member since Fri, Dec 3, 2021

3 Years ago

janjadonb questions

Tue, Nov 10, 20, 00:00, 4 Years ago

Fri, Oct 23, 20, 00:00, 4 Years ago

Wed, Oct 14, 20, 00:00, 4 Years ago

Wed, Oct 7, 20, 00:00, 4 Years ago

Tue, Apr 14, 20, 00:00, 4 Years ago

answered 9 Years ago hasanjustusf · Accepted Answer

You have to require your fonts inside css files, not inside js/jsx files. For example:

@font-face {

    font-family: 'SomethingStrange';

    src: url('../../Style/fonts/SomethingStrange.ttf');

}