更改svg中html的字体大小

我想在svg中插入html语法突出显示的代码。问题是字体是巨大的，线条的高度也比它应该的要大得多

svg外来对象图形{ 宽度：100%； 身高：100%； 保证金：0； } /* ========================================================================== */ /*语法突出显示样式*/ /* ========================================================================== */ .highlight.p{} .高亮显示{背景：152032；颜色：e9e9e8；填充：2px 10px；溢出：自动；字体系列：monospace；} .highlight.c{color:999988；字体样式：italic}/*注释*/ .highlight.err{color:a61717；背景色：e3d2d2}/*错误*/ .highlight.k{font-weight:bold}/*关键字*/ .highlight.o{font-weight:bold}/*运算符*/ .highlight.cm{color:999988；字体样式：italic}/*Comment.Multiline*/ .highlight.cp{color:999999；font-weight:bold}/*Comment.Preproc*/ .highlight.c1{color:999988；font-style:italic}/*Comment.Single*/ .highlight.cs{color:999999；font-weight:bold；font-style:italic}/*Comment.Special*/ .highlight.gd{color:000000；背景色：ffdddd}/*Generic.Deleted*/ .highlight.gd.x{color:000000；背景色：ffaaa}/*Generic.Deleted.Specific*/ .highlight.ge{font-style:italic}/*Generic.Emph*/ .highlight.gr{color:aa0000}/*Generic.Error*/ .highlight.gh{color:999999}/*Generic.Heading*/ .highlight.gi{color:000000；背景色：ddffdd}/*Generic.Inserted*/ .highlight.gi.x{color:000000；背景色：aaffaa}/*Generic.Inserted.Specific*/ .highlight.go{color:888888}/*Generic.Output*/ .highlight.gp{color:555555}/*Generic.Prompt*/ .highlight.gs{font-weight:bold}/*Generic.Strong*/ .highlight.gu{color:aaaaaa}/*通用。副标题*/ .highlight.gt{color:aa0000}/*Generic.Traceback*/ .highlight.kc{font-weight:bold}/*关键字.Constant*/ .highlight.kd{color:20A8E4；}/*关键字.Declaration*/ .highlight.kp{font-weight:bold}/*关键字.Pseudo*/ .highlight.kr{font-weight:bold}/*关键字。保留*/ .highlight.kt{color:445588；font-weight:bold}/*关键字.Type*/ .highlight.m{color:009999}/*Literal.Number*/ .highlight.s{color:d14}/*Literal.String*/ .highlight.na{color:008080}/*Name.Attribute*/ .highlight.nb{color:0086B3}/*Name.Builtin*/ .highlight.nc{color:445588；font-weight:bold}/*Name.Class*/ .highlight.no{color:008080}/*Name.Constant*/ .highlight.ni{color:800080}/*Name.Entity*/ .highlight.ne{color:ff4242；font-weight:bold}/*Name.Exception*/ .highlight.nf{color:d63535；font-weight:bold}/*Name.Function*/ .highlight.nn{color:b393ff；}/*Name.Namespace*/ .highlight.nt{color:d47329}/*Name.Tag*/ .highlight.nv{color:008080}/*Name.Variable*/ .highlight.ow{font-weight:bold}/*Operator.Word*/ .highlight.w{color:bbbbbb}/*Text.Whitespace*/ .highlight.mf{color:009999}/*Literal.Number.Float*/ .highlight.mh{color:009999}/*Literal.Number.Hex*/ .highlight.mi{color:0DF1D1；}/*Literal.Number.Integer*/ .highlight.mo{color:009999}/*Literal.Number.Oct*/ .highlight.sb{color:d14}/*Literal.String.Backtick*/ .highlight.sc{color:d14}/*Literal.String.Char*/ .highlight.sd{color:d14}/*Literal.String.Doc*/ .highlight.s2{color:FF8D00}/*Literal.String.Double*/ .highlight.se{color:d14}/*Literal.String.Escape*/ .highlight.sh{color:d14}/*Literal.String.Heredoc*/ .highlight.si{color:d14}/*Literal.String.Interpol*/ .highlight.sx{color:d14}/*Literal.String.Other*/ .highlight.sr{color:009926}/*Literal.String.Regex*/ .highlight.s1{color:FF8D00}/*Literal.String.Single*/ .highlight.ss{color:990073}/*Literal.String.Symbol*/ .highlight.bp{color:999999}/*Name.Builtin.Pseudo*/ .highlight.vc{color:008080}/*Name.Variable.Class*/ .highlight.vg{color:008080}/*Name.Variable.Global*/ .highlight.vi{color:008080}/*Name.Variable.Instance*/ .highlight.il{color:009999}/*Literal.Number.Integer.Long*/ /*修正incss变量的错误*/ .highlight.err、.highlight.err+.k{ 背景：透明； 颜色：e9e9e8； 字体大小：正常； }

---

大字体的问题是viewBox是100，所以它可以缩放整个svg以适应页面，设置viewBox=0 0 1000 400修复了堆栈片段的问题，我需要选择较小的数字

svg外来对象图形{ 宽度：100%； 身高：100%； 保证金：0； } /* ========================================================================== */ /*语法突出显示样式*/ /* ========================================================================== */ 你好 ghlight.p{} .高亮显示{背景：152032；颜色：e9e9e8；填充：2px 10px；溢出：自动；字体系列：monospace；} .highlight.c{color:999988；字体样式：italic}/*注释*/ .highlight.err{color:a61717；背景色：e3d2d2}/*错误*/ .highlight.k{font-weight:bold}/*关键字*/ .highlight.o{font-weight:bold}/*运算符*/ .highlight.cm{color:999988；字体样式：italic}/*Comment.Multiline*/ .highlight.cp{color:999999；font-weight:bold}/*Comment.Preproc*/ .highlight.c1{color:999988；font-style:italic}/*Comment.Single*/ .highlight.cs{color:999999；font-weight:bold；font-style:italic}/*Comment.Special*/ .highlight.gd{color:000000；背景色：ffdddd}/*Generic.Deleted*/ .highlight.gd.x{color:000000；背景色：ffaaa}/*Generic.Deleted.Specific*/ .highlight.ge{font-style:italic}/*Generic.Emph*/ .highlight.gr{color:aa0000}/*Generic.Error*/ .highlight.gh{color:999999}/*Generic.Heading*/ .highlight.gi{color:000000；背景色：ddffdd}/*Generic.Inserted*/ .highlight.gi.x{color:000000；背景色：aaffaa}/*Generic.Inserted.Specific*/ .highlight.go{color:888888}/*Generic.Output*/ .highlight.gp{color:555555}/*Generic.Prompt*/ .highlight.gs{font-weight:bold}/*Generic.Strong*/ .highlight.gu{color:aaaaaa}/*通用。副标题*/ .highlight.gt{color:aa0000}/*Generic.Traceback*/ .highlight.kc{font-weight:bold}/*关键字.Constant*/ .highlight.kd{color:20A8E4；}/*关键字.Declaration*/ .highlight.kp{font-weight:bold}/*关键字.Pseudo*/ .highlight.kr{font-weight:bold}/*关键字。保留*/ .highlight.kt{color:445588；font-weight:bold}/*关键字.Type*/ .highlight.m{color:009999}/*Literal.Number*/ .highlight.s{color:d14}/*Literal.String*/ .highlight.na{color:008080}/*Name.Attribute*/ .highlight.nb{color:0086B3}/*Name.Builtin*/ .highlight.nc{color:445588；font-weight:bold}/*Name.Class*/ .highlight.no{color:008080}/*Name.Constant*/ .highlight.ni{color:800080}/*Name.Entity*/ .highlight.ne{color:ff4242；font-weight:bold}/*Name.Exception*/ .highlight.nf{color:d63535；font-weight:bold}/*Name.Function*/ .highlight.nn{color:b393ff；}/*Name.Namespace*/ .highlight.nt{color:d47329}/*Name.Tag*/ .highlight.nv{color:008080}/*Name.Variable*/ .highlight.ow{font-weight:bold}/*Operator.Word*/ .highlight.w{color:bbbbbb}/*Text.Whitespace*/ .highlight.mf{color:009999}/*Literal.Number.Float*/ .highlight.mh{color:009999}/*Literal.Number.Hex*/ .highlight.mi{color:0DF1D1；}/*Literal.Number.Integer*/ .highlight.mo{color:009999}/*Literal.Number.Oct*/ .highlight.sb{color:d14}/*Literal.String.Backtick*/ .highlight.sc{color:d14}/*Literal.String.Char*/ .highlight.sd{color:d14}/*Literal.String.Doc*/ .highlight.s2{color:FF8D00}/*Literal.String.Double*/ .highlight.se{color:d14}/*Literal.String.Escape*/ .highlight.sh{color:d14}/*Literal.String.Heredoc*/ .highlight.si{color:d14}/*Literal.String.Interpol*/ .highlight.sx{color:d14}/*Literal.String.Other*/ .highlight.sr{color:009926}/*Literal.String.Regex*/ .highlight.s1{color:FF8D00}/*Literal.String.Single*/ .highlight.ss{color:990073}/*Literal.String.Symbol*/ .highlight.bp{color:999999}/*Name.Builtin.Pseudo*/ .highlight.vc{color:008080}/*Name.Variable.Class*/ .highlight.vg{color:008080}/*Name.Variable.Global*/ .highlight.vi{color:008080}/*Name.Variable.Instance*/ .highlight.il{color:009999}/*Literal.Number.Integer.Long*/ /*修正incss变量的错误*/ .highlight.err、.highlight.err+.k{ 背景：透明； 颜色：e9e9e8； 字体大小：正常； }

---

foreignobject的字体太小！字体大小：0.1px；至少试试1px@enxaneta我试着把它缩小，看起来字体大小没有任何效果。我已经从代码段中删除了字体大小。