Bonjour,

J'ai remarqué un petit souçis dans mon logo format SVG. Il contient une forme ainsi qu'un texte ...
Le texte a une font particulière :

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="1181.9 -87.1 2885.3 967.1" style="enable-background:new 1181.9 -87.1 2885.3 967.1;" xml:space="preserve">
<style type="text/css">
    .st0{fill:#FFFFFF;}
    .st1{font-family:'Pacifico';}
    .st2{font-size:500px;}
</style>
<g transform="translate(0.000000,1393.000000) scale(0.100000,-0.100000)">
    (path)
</g>
<text transform="matrix(1 0 0 1 2302.1152 544.8777)" class="st0 st1 st2">we music</text>
</svg>

Cette font (pacifico) est installée sur mon ordinateur , donc illustrator le prend en compte, de même lorsque je vais voir le rendu sur mon Mac.
Mais quand je regarde le rendu sous Windows, il m'applique une police par défault, pourtant dans mon header, j'importe bien la font depuis google.

ps : mon fichier .Svg est affiché avec une balise img

EDIT
: j'ai aussi un problème de viewbox visiblement, car sous mac (et iphone-ipad) le rendu du logo est correct, et sous windows il est tronqué. J'aimerai bien comprendre comment fonctionne la viewbox pour éviter d'avoir encore ce genre de souçis :s

Auriez vous une petite astuce à me donner ?

1 réponse


Benjamin Derepas
Auteur
Réponse acceptée

probleme resolu : sous illustrator selectionner le calque de texte et faire texte>vectoriser

ensuite concernant la viewbox , centrer le tout en faisant enregistrer sous > svg > limites du tracé