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.
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.