Webpack添加字體

-1

我正在使用this回購。我想如何添加自定義字體？我在資產中創建了一個名爲「字體」的文件夾，並且已將字體放在那裏。Webpack添加字體

fonts.scss

@font-face { 
    font-family: 'Lato'; 
    src: url('../assets/font/Lato-Regular.eot'); 
    src: url('../assets/font/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
    url('../assets/font/Lato-Regular.woff2') format('woff2'), 
    url('../assets/font/Lato-Regular.woff') format('woff'), 
    url('../assets/font/Lato-Regular.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

而且我已經加入配置字體，並將其添加到app.modules.ts。

import '../styles/fonts.scss';

我的問題，我應該添加什麼代碼的WebPack，使其工作。

來源

2017-02-14 TeodorKolev

在你的webpack.config.js中加入這個test：/\.(eot|svg|ttf|woff|woff2)$/， loader：'file？name = public/fonts/[name]。[ ext]' } – MMK

module：{loader：[] {test：/\.(eot|svg|ttf|woff|woff2)$/，loader：'file？name = public/fonts/[name]。[ext ]'}} – MMK

它有道理嗎？ – MMK

您正在加載相對於由webpack加載器&提取器創建的CSS文件的字體文件。我快速瀏覽了這個樣板，它已經包含了sass loader。

{ 
    test: /\.scss$/, 
    loader: ExtractTextPlugin.extract({ 
    fallback: 'style-loader', 
    use: 'css-loader!sass-loader' 
    }), 
    include: [helpers.root('src', 'styles')] 
},

它應該工作，如果你有你的字體在正確的文件夾。

來源

2017-02-14 15:25:13

Webpack添加字體

回答

相關問題