Javascript 如何在SVG中操作样式标记

我想使用Javascript从样式标记中删除一些规则。 例如：

@字体面{font-family:“Arial”；src:url（#FontID1”）格式（svg）}
@字体面{font-family:“Nyala”；src:url（“#FontID0”）格式（svg）}
.fil2{fill:#05BAE4}
.fil3{fill:#373435}
.fil1{fill:#05BAE4；填充规则：非零}
.fil0{fill:#11D6CC；填充规则：非零}
.fnt1{字体大小：正常；字体大小：189.311；字体系列：'Arial'}
.fnt0{字体大小：正常；字体大小：615.094；字体系列：'Nyala'}

我想删除@font-face规则并用其他内容替换它。 有人能告诉我是怎么做的吗？

我尝试添加以下内容：

<script type="text/plain" id="allFonts">
<style type="text/css">
    @font-face {
        font-family: MuseoSlab;
        src: url('/fonts/Museo_Slab.otf');
    }
    @font-face {
        font-family: MuseoSans;
        src: url('/fonts/MuseoSans.otf');
    }
    @font-face {
        font-family: Neuton;
        src: url('/fonts/Neuton.otf');
    }
    @font-face {
        font-family: Stag-Medium;
        src: url('/fonts/STAG-MEDIUM_0.otf');
    }
    @font-face {
        font-family: STAGSANS;
        src: url('/fonts/STAGSANS-MEDIUM_0.otf');
    }
    @font-face {
        font-family: Zapf;
        src: url('/fonts/Zapf.otf');
    }

    @font-face {
        font-family: GLSNECB;
        src: url('/fonts/GLSNECB.otf');
    }

    @font-face {
        font-family: HELVETIA;
        src: url('/fonts/HELVETIA.otf');
    }

    @font-face {
        font-family: "CG Omega";
        src: url('/fonts/STAG-MEDIUM_0.otf');
    }

    @font-face {
        font-family: "Eurostile LT Bold";
        src: url('/fonts/STAGSANS-MEDIUM_0.otf');
    }
</style>
</script>

---

它正在工作..

用什么替换它？你可以添加新的

@font-face

规则，让级联（CSS中的“C”）完成它的工作…用另一个CSS规则，比如@font-face{font-family:“Arial”；src:url（“a.ttf”）@Boldewyn嗯，让我试试你可以从这把小提琴开始：新的

@font-face

声明的

字体系列

名称必须匹配“Arial”和“Nyala”，如果您想更改它们。您可以使用，比如，

/fonts/HELVETICA.otf

并使用

字体系列：Arial；

.Ya声明它。我也在使用这些字体进行测试。仍然不起作用。我也直接测试了，没有脚本。仍然不起作用。我还在添加SVG文档

<script type="text/plain" id="allFonts">
<style type="text/css">
    @font-face {
        font-family: MuseoSlab;
        src: url('/fonts/Museo_Slab.otf');
    }
    @font-face {
        font-family: MuseoSans;
        src: url('/fonts/MuseoSans.otf');
    }
    @font-face {
        font-family: Neuton;
        src: url('/fonts/Neuton.otf');
    }
    @font-face {
        font-family: Stag-Medium;
        src: url('/fonts/STAG-MEDIUM_0.otf');
    }
    @font-face {
        font-family: STAGSANS;
        src: url('/fonts/STAGSANS-MEDIUM_0.otf');
    }
    @font-face {
        font-family: Zapf;
        src: url('/fonts/Zapf.otf');
    }

    @font-face {
        font-family: GLSNECB;
        src: url('/fonts/GLSNECB.otf');
    }

    @font-face {
        font-family: HELVETIA;
        src: url('/fonts/HELVETIA.otf');
    }

    @font-face {
        font-family: "CG Omega";
        src: url('/fonts/STAG-MEDIUM_0.otf');
    }

    @font-face {
        font-family: "Eurostile LT Bold";
        src: url('/fonts/STAGSANS-MEDIUM_0.otf');
    }
</style>
</script>

            $("style").after($("#allFonts").text());