À l'aide de Google Polices SVG <object>

Je suis intégration SVGs dans ma page avec la <object> tag, et ils sont censés utiliser Google Polices (par exemple Roboto). Cependant, la SVGs ne sont pas à la cueillette de ces polices et de la place par défaut pour les polices système.

Ce que je fais mal? Est-ce que chaque SVG exiger que la police elle-même être intégré dans <style>?

Exemple de code:

<head>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
</head>

<body>
    <object width="250" height="200" type="image/svg+xml" data="img/popup_image.svg"></object>
</body>

SVG extrait de:

<text font-size="14" fill="#333" font-family="Roboto">Words go here</text>
  • Comment est-ce que votre code ressemble?
  • Je ne suis pas sûr de comprendre ta question. Comme je l'ai dit, c'est à l'aide de la balise d'objet pour montrer un SVG, et que SVG est le référencement Google Fonts pour son <texte> attributs. Je vais mettre à jour ma question ci-dessus dans le cas où je ne suis pas clair.
  • Non cela ne fonctionne pas....c'est comme essayer de changer la police de caractères dans un image avec le CSS...ne va pas arriver. Si le SVG a été inline il serait probablement bien.
  • Vous avez besoin de mettre le lien de l'élément dans le même fichier que le svg je.e dans popup_image.svg
  • Pouvez-vous fournir un lien ou un exemple de ce travail?
  • Ce qui est déroutant vous mettre la <link> élément dans le fichier SVG.
  • Je suppose que où et comment exactement. Dans un <defs></defs>? À l'intérieur d'un <style>? Il suffit de regarder pour un exemple de la syntaxe correcte, parce que c'est renvoyer des erreurs à ne pas faire les deux de ces choses.
  • Vous pouvez le mettre n'importe où vous le souhaitez.
  • C'est tout simplement faux.
  • Vraiment!?: Essayez de lire cette w3c discussion

InformationsquelleAutor daveycroqet | 2016-03-27