Css 自定义SVG字体

我的问题是关于在SVG文件中使用自定义字体在网站上显示徽标。我有很大的困难，使用多种选择让字体工作，因为他们没有显示在现场网站上。然而，他们确实在当地工作

我用来显示SVG徽标的HTML标记是：

<svg width="263" height="26">
    <image xlink:href="/images/header-logo.svg" src="/images/fallback.png" width="263" height="26" />
</svg>

对于SVG字体，我将在SVG文件本身的部分中放置以下内容

<style type="text/css">
    @font-face {
        font-family: 'Font-Name';
        font-weight: 500;
    font-style: normal;
        src: url('fonts/My-Chosen-Font.woff') format('woff');
    }

    #text {
        font-family: 'Font-Name';
        font-weight: 700;
        fill: #424242;
        }
</style>

@字体{
字体系列：“字体名称”；
字号：500；
字体风格：普通；
src:url（'Font/My-selected-Font.woff'）格式（'woff'）；
}
#正文{
字体系列：“字体名称”；
字号：700；
填充：#4242；
}

对于元素：

<text font-size="34">
    <tspan x="29" y="34" id="text" style="font-family: 'Font-Name';">Company</tspan>
</text>

单位

---

非常感谢您的帮助，非常感谢您的帮助。

我已经制作了一支似乎可以使用的钢笔，请告诉我这是否有用。它基于上的页面

---

如果要使用任何外部链接（如图像或字体），则必须声明SVG具有链接功能

 <svg
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
 >

---

*SVG内部

标记不需要此规范。

您好，瓦赫ABB，谢谢您的回复。不幸的是，我们使用的字体在Google字体上不可用，因此使用“src:url（'Font/My selected Font.woff'）格式（'woff'）；”，我开始认为SVG格式可能不支持在外部使用这样的字体？这是一个正确的假设，还是最好使用PNG或谷歌字体来代替呢？你的问题可能是以下几点之一。你需要提供更多的信息。您在HTML页面中列出的第一个SVG是内联的，还是独立的外部“.SVG”文件？如果是后者，您的web服务器是否使用正确的

内容类型
（
图像/SVG+xml
）为SVG文件提供服务？如果是内联的，您使用的是哪个浏览器？你试过其他的吗？这可能提供线索。还有一个很好的机会是你正在遵守浏览器隐私规则。请参见SVG2规范的一节。
@import url('https://fonts.googleapis.com/css?family=Ravi+Prakash');
html {
  font-family: 'Ravi Prakash', cursive;
}

 <svg
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
 >