Une police italique ne s’affiche pas correctement sur la page SVG

Sur la page nous avons utilisé la version normale et aussi la version italique d’une police mais la version italique a été remplacé par la police par défaut.

Cela se passe uniquement dans Safari Mobile.

Le problème vient du fait qu’on a précisé “italic” comme style :

@font-face {
font-family:‘MyFont-Italic’;
src:url(’/fonts/MyFont-Italic.woff’) format(‘woff’);
font-weight:normal; font-style:italic;
}

En exportant le SVG depuis Illustrator, la police est listée avec son nom mais pas son style. La solution est de changer le style à “normal” :

@font-face {
font-family:’MyFont-Italic’;
src:url(’/fonts/MyFont-Italic.woff’) format(‘woff’);
font-weight:normal; font-style:normal;
}

Leave a Reply

Your email address will not be published. Required fields are marked *