Estou a criar um website através de um child theme do Shoestrap, baseado em Bootstrap. Quando uso as webfonts elas apenas funcionam no Chrome.
O que estou a fazer mal?
O meu CSS é este
@font-face {
font-family: 'open_sansitalic';
src: url('assets/fonts/OpenSans-Italic-webfont.eot');
src: url('assets/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/OpenSans-Italic-webfont.woff') format('woff'),
url('assets/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
url('assets/fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
font-weight: normal;
font-style: normal;
}
h1 { font-family: 'open_sansitalic' sans-serif; font-size: 40pt; line-height: 50pt; color: #f68934; }
h1
para:font-family:'Open Sans', sans-serif;
e adicionarfont-style:italic;
?