2017-02-08 1 views
2

Je suis confronté à des problèmes de rendu des polices pour mon application de réaction. Je ne suis pas sûr de ce que je fais mal. J'utilise font-face dans mon projet. Ceci est mon fichier font.stylpolice-face ne fonctionne pas dans n'importe quel navigateur

Toutes les polices sont dans le répertoire public. enter image description here

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 

Et voici ma 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 

C'est le chargeur J'utilise dans le fichier de configuration

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

polices ne sont pas Montrant mais.

Répondre

0

J'ai le bug dans ça. Il me manquait une virgule après src url (...)

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