Police incorporée par navigateur croisé dans l'image svg
Le titre est ambigu; permettez-moi de préciser: j'ai une image svg, qui comprend un texte de je veux rendu avec une police personnalisée.
Cependant, il semble y avoir de nouveaux problèmes qui ne sont pas pop up lors de l'incorporation des polices dans la page html. Aussi, certains navigateurs (à savoir Firefox) semblent traiter en page svg ("dans un img
tag") de la même façon que le rendu svg directement.
<defs>
<style>
@font-face {
font-family: "Open Sans";
src: local("Open Sans"),
local("OpenSans"),
url('https://example.com/OpenSans-Regular.eot') format('eot'),
url('https://example.com/OpenSans-Regular.woff') format('woff'),
url('https://example.com/OpenSans-Regular.ttf') format('truetype');
}
/* ...
Autant que je sache, si c'était une page web il se serait rendu avec succès à travers à peu près partout. Cependant, comme svg, je ne peux pas le faire fonctionner. Le format actuel fonctionne très bien partout, sauf dans IE10 (et probablement les versions plus anciennes): la police, parfois, de charges, d'autres fois, il ne le fait pas. Littéralement, chaque seconde actualisation utilise le système de secours de la police. Y compris le fichier woff en ligne, comme un fichier encodé en base64 des œuvres, mais qui le casse pour Safari (et un changement de l'ordre n'est pas le fixer).
Est-il un moyen concret de la croix-navigateur polices incorporées dans l'image svg? (Encore une fois, je ne veux pas dire l'incorporation de police svg dans une page web, mais le rendu des polices intégrées à l'intérieur d'une image svg.)
source d'informationauteur Mikulas Dite
Vous devez vous connecter pour publier un commentaire.
Dans Firefox, au moins, les images doivent être complètement autonome c'est à dire tout dans un seul fichier pour des raisons de confidentialité.
Si vous souhaitez que les polices de travail que vous aurez à base64 encode et à les intégrer en tant que données d'Url dans le fichier SVG c'est à dire
J'ai fini par utiliser ceci:
Support:
Par http://gs.statcounter.com/#browser_version_partially_combined-ww-monthly-201310-201312-bar
cela représente pour l'ensemble du soutien de quelque part autour de 85 %.
Le seul vraiment déranger, c'est que Safari 5.1 rend PAS de texte du tout comme ça. J'ai dû faire un Safari uniquement de secours dans le css déclaration:
De toute façon, l'incorporation de la police se sent juste mal que les fichiers sont énormes.