Нет ошибок, никаких признаков WebFonts

Question

я использую Webpack загрузить угловую 2. Я пытаюсь загрузить некоторые пользовательские WebFonts, но я не вижу никаких признаков, что он погрузки в.

Я используя настройки, подобные this question.

app.component.ts:

@Component({ 
    directives: [ROUTER_DIRECTIVES], 
    providers: [ 
    AccountService, 
    CredentialsService, 
    ROUTER_PROVIDERS, 
    HTTP_PROVIDERS 
    ], 
    selector: 'my-app', 
    styleUrls: [ 
    require('../../styles/shared.scss'), 
    require('../../styles/fonts/MyFontsWebfontsKit.css') 
    ], 
    template: require('../../views/app.component.html') 
}) 

MyFontsWebfontsKit.css:

@font-face {font-family: 'ProximaNovaA-Thin'; 
src: url('webfonts/2C68D6_0_0.eot'); 
src: url('webfonts/2C68D6_0_0.eot?#iefix') format('embedded-opentype'), 
url('webfonts/2C68D6_0_0.woff2') format('woff2'), 
url('webfonts/2C68D6_0_0.woff') format('woff'), 
url('webfonts/2C68D6_0_0.ttf') format('truetype');} 

Webpack конфигурации:

{ 
     test: /.(png|woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/, 
     loader: 'url-loader' 
    }, 
    { 
    test: /\.css$/, 
    loader: 'raw' 
    }, 
    { 
    test: /\.scss$/, 
    loaders: ["style", "css", "sass"] 
    } 

Если я просто ссылку на файл с <link href="/source/styles/fonts/MyFontsWebfontsKit.css" rel="stylesheet"> в моем HTML, он отлично работает с веб-сервер разработки. Как изменить конфигурацию веб-пакета, чтобы загрузить эти веб-сайты?

Answer 1

Как насчет попробовать этот css-загрузчик?

https://github.com/webpack/css-loader

в настоящее время загружается CSS как сырыми, я не думаю, что это будет загрузить шрифт