Javascript 使用谷歌字体API

我正在使用SVG开发一个web应用程序

计划是使用GoogleWebFonts API让用户选择他们的字体类型，然后在SVG中呈现他们的名字。问题是，当我使用GoogleAPI访问字体时，它不起作用（恢复为衬线字体）。然而，当我下载Google字体，然后直接在我的web应用程序中引用时，它就可以工作了… 有没有人能解释一下如何让它在web应用程序中工作

以下是迄今为止的代码：

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)
}

---

我认为你需要用另一种方式来做。。。i、 e.谷歌在文本上工作，而不是在SVG图像上工作，因此你需要有原始文本才能让谷歌字体工作。

基本上，谷歌API的所有功能都与CSS中的@Font face相同，但从不同的字体提供商加载字体更简单。CSS@font-face只能应用于文本。

SVG不仅仅是图像，它们可以像HTML一样包含CSS和JavaScript。感谢Sohnee，我们使用文本框插入简单文本，然后使用Google字体API将其转换为所选字体，然后在我们的web应用程序中使用JS将文本转换为SVG。有什么帮助吗？谢谢，玛丽。我们只使用纯文本。为什么所有人都对此投反对票？我猜：标题拼写错误（“使用谷歌字体API的问题”）