font-face не работает ни в одном браузере

Question

Я столкнулся с проблемой с изображением шрифтов для моего приложения-приложения. Я не уверен, что я делаю неправильно. Я использую шрифт в моем проекте. Это мой файл font.styl

Все шрифты находятся в общем каталоге.

font.styl

@font-face 
    font-family 'museo_sans700' 
    src url('/public/fonts/museosans_0-webfont.woff2') format('woff2') 
     url('/public/fonts/museosans_0-webfont.woff') format('woff') 
    font-weight normal 
    font-style normal 

@font-face 
    font-family 'museo_sans300' 
    src url('/public/fonts/museosans-300-webfont.woff2') format('woff2') 
     url('/public/fonts/museosans-300-webfont.woff') format('woff') 
    font-weight normal 
    font-style normal 

@font-face 
    font-family 'museo_sans500' 
    src url('/public/fonts/museosans-webfont.woff2') format('woff2') 
     url('/public/fonts/museosans-webfont.woff') format('woff') 
    font-weight normal 
    font-style normal 

@font-face 
    font-family 'montserratregular' 
    src url('/public/fonts/montserrat-regular-webfont.woff2') format('woff2') 
     url('/public/fonts/montserrat-regular-webfont.woff') format('woff') 
    font-weight normal 
    font-style normal 

И это мой base.styl

@import './bs-custom.styl' 
@import './fonts.styl' 

html 
    width 100% 
    height 100% 

body 
    width 100vw 
    min-height 100vh 
    transition all 0.2s ease 
    background-color #F0F0F0 

    color theme_text 
    font-size 14px 
    font-weight 400 
    font-family museo500 

    overflow hidden 

Это загрузчик, я использую в конфигурационном файле

{ 
       test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
       loader: 'url-loader?limit=100000&mimetype=application/font-woff' 
      }, 

шрифты не являются появляется, но.

Answer 1

У меня есть ошибка. Мне не хватало запятой после src url (...)

src url('/public/fonts/museosans_0-webfont.woff2') format('woff2'), 
     url('/public/fonts/museosans_0-webfont.woff') format('woff')