Javascript 如何使用<；a>；SVG的菜单？

我需要帮助！ 我还有SVG图片和font.SVG。但是如何用这种字体创建导航菜单？如果我只粘贴带有字体系列“font.svg”的文本，那么当我改变比例时，我会有不同的大小（如图2所示）。但我不能仅仅从图片创建菜单，因为我不能使用链接。我不知道如何使用它。 UPD： 我决定使用open sourse并在那里粘贴“href”，如下所示：

<text class="cls-4" transform="translate(433.73 27.26)"><a href="#">Category</a></text>

所有代码：

<svg id="ap" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1136 53"><defs><style>.cls-1{fill:#4d4d4d;}.cls-2{fill:#ccc;}.cls-3{fill:#333;}.cls-4{font-size:15px;font-family:Nirmala UI;}.cls-5{fill:#666;}</style></defs><title>menu_verx</title><g id="ap-2" data-name="ap"><polygon class="cls-1" points="799.27 46 200.01 46 170.01 0 816.72 0 799.27 46"/><polygon class="cls-2" points="510 15.2 510 9 0 10 0 37 510 37 510 30.8 515.8 23 510 15.2"/><polygon class="cls-3" points="0 0 0 11 0 12 217.9 12 243.12 53 380.44 53 409.17 0 0 0"/><text class="cls-4" transform="translate(433.73 27.26)"><a href="#">Category</a></text><polygon class="cls-1" points="949.03 23 1136 23 1136 0 934.03 0 949.03 23"/><polygon class="cls-5" points="511.72 23 507.87 27.98 508.86 28.94 513.7 23 508.86 17.06 507.87 18.03 511.72 23"/><path class="cls-2" d="M703,9"/><polygon class="cls-2" points="703 9 703 15.2 708.8 23 703 30.8 703 37 791 37 801.58 9 703 9"/><polygon class="cls-3" points="789.16 13.57 1136 13.57 1136 0 782.51 0 789.16 13.57"/></g></svg>

.cls-1{fill:#4d；}.cls-2{fill:#ccc；}.cls-3{fill:#333；}.cls-4{字体大小：15px；字体系列：Nirmala UI；}.cls-5{fill:#666；}菜单

它可以满足我的需要，但我有错误（）

---

更新：使用

它正在工作

您真的不应该在图像库中键入/使用字体。您应该通过执行以下代码将它们添加到字体库中：

@字体{
字体系列：“我的自定义字体”/*查找您的字体*/
src:url(http://www.example.org/mycustomfont.ttf)格式化（“truetype”）；/*查找您的url*/
}
p、 自定义字体{
字体系列：“我的定制字体”，Verdana，Tahoma；
}
你好，世界
 

请给我们一些提琴或代码笔。请看更新。是否要创建菜单，它看起来像svg的图片？是的，但首先我想让works链接为“类别”。我猜属性“a”不起作用，因为它是xml文件。但是我还在想办法让它工作……对不起，我不明白。如果我使用SVG文件中的文本，什么是“href=”default.asp“。请查看我的更新信息。@ArtyomOleynichenko查看这里的示例4，它应该会给你一个想法：是的！现在我的链接正在工作，验证器没有看到任何错误。非常感谢！！！@ArtyomOleynichenko太好了，将此标记为已回答以关闭它谢谢。