エラーなし、私はいくつかのカスタムwebfontsをロードしようとしているが、私はそれがにロードされていることを任意の看板が見えていない。2.角度をロードするためのWebPACKを使用していwebfonts

の兆候なし。エラーなし、私はいくつかのカスタムwebfontsをロードしようとしているが、私はそれがにロードされていることを任意の看板が見えていない。2.角度をロードするためのWebPACKを使用してい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"] 
    }

私はちょうど私のhtmlで<link href="/source/styles/fonts/MyFontsWebfontsKit.css" rel="stylesheet">を持つファイルにリンクする場合、それはして正常に動作しますWebpackサーバーを開発する。これらのWebフォントをロードするには、Webpackの設定をどのように変更する必要がありますか？

出典

2016-07-01 Aarmora