我有一些麻煩讓我的字體效率vuejs,我沒有任何錯誤,我的字體在良好的文件夾和我的webpack配置似乎是有效的。無法加載字體與webpack&vuejs
順便說一句我用得少,但我也有較少的裝載機。
這裏是我該怎麼辦:
@font-face {
font-family: 'montserrat-extralight';
src: url('../assets/fonts/montserrat-ExtraLight.ttf') format('truetype');
font-family: 'montserrat-light';
src: url('../assets/fonts/montserrat-Light.ttf');
}
而且這裏是我定義的URL裝載機在我webpack.config:
{
test: /\.(woff|woff2|otf|eot|ttf|svg)(\?.*$|$)/,
loader: 'url-loader?importLoaders=1&limit=100000'
}
我發現很多人有同樣的問題,但我實際上找不到讓它工作的方法。
PS:我的字體不是在developper模式中的網絡選項卡上傳...
首先,我不認爲一個'@ font-face'可能指定多個字體(應該是每1個'@ font-face' 1個字體)。你寫它的方式最後一個'font-family'屬性簡單地覆蓋了以前的任何東西。儘管如此,你仍然至少會加載一種字體,所以這不是唯一的問題。 –
我這樣做了很多時間,並沒有任何問題,這種語法! 但正如你所說這不是唯一的問題〜 –