en utilisant google police apis

-1

Je travaille sur une application web en utilisant SVG.en utilisant google police apis

Il est prévu d'utiliser les API Google Webfonts pour permettre à l'utilisateur de choisir son type de police et de faire afficher son nom en SVG. Le problème est que lorsque j'utilise les API Google pour accéder aux polices, cela ne fonctionne pas (revient à la police Serif). Cependant, lorsque je télécharge les polices Google et que je me réfère directement à mon application web, cela fonctionne ... Quelqu'un pourrait-il nous éclairer sur la façon de le faire fonctionner pour les applications web?

Voici le code à ce jour:

js.onclick=function() 

    { 
     var val=document.getElementById("txt").value 
     var newText = svgDoc.createElementNS("http://www.w3.org/2000/svg","text"); 
     newText.setAttribute("id", "txxt") 
     newText.setAttribute("x",275); 
     newText.setAttribute("y",250); 
     newText.setAttribute("font-size","50px"); 
     newText.setAttribute("fill","olive"); 
     newText.setAttribute("xlink:href",'http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light&subset=latin'); 
     newText.setAttribute("font-family",'JosefinSansStd-Light'); 
     var textNode = document.createTextNode(val); 
     newText.appendChild(textNode); 
     svgRoot.appendChild(newText) 
}

Source

2010-10-12 Zain

Pourquoi toutes les versions sur ce sujet? – Frank

Ma conjecture: titre mal orthographié ("Probelm en utilisant google police apis") – jsalonen

Fondamentalement tout ce que font les API de Google est identique à @ font-face en CSS mais plus simple de charger les polices de différents fournisseurs de polices. Et CSS @ font-face ne peut être appliqué que sur du texte.

Source

2010-10-12 06:49:27

Merci Maris. Nous n'utilisons que du texte brut. – Zain

-1

Je pense que vous devez faire l'inverse ... Google fonctionne-à-dire sur le texte, et non pas sur les images SVG, vous devez donc avoir du texte brut pour que la police Google fonctionne.

Source

2010-10-12 06:48:58 Fenton

SVG n'est pas _just images_, ils peuvent contenir CSS et JavaScript, tout comme le HTML. – Frank

Merci Sohnee, nous utilisons une zone de texte pour insérer du texte simple, puis le transformer dans la police choisie en utilisant les API de polices Google, puis dans notre application web en utilisant JS convertissant ce texte en SVG. De l'aide? – Zain

en utilisant google police apis

Répondre

Questions connexes