嵌入字体的 SVG 图像的正确 mime 类型

Question

这是常见的 SVG mime 类型：

image/svg+xml

而且效果很好。然而，当嵌入 SVG 字体时，chrome 会告诉你 mime 类型不正确，显然是因为你返回的是字体而不是图像。

有没有通用的哑剧类型？铬错了吗？

application/svg+xml

是否以某种方式被接受？

我想这仍然是 HTML5 中的灰色地带，但这里有人可能知道。

Answer 1

SVG 只有一种已注册的媒体类型，这就是您列出的那个，

image/svg+xml

。当然，您也可以将 SVG 作为 XML 提供，尽管如果您这样做，浏览器在某些情况下的行为往往会有所不同，例如，我见过 CSS 背景中使用的 SVG 无法显示的情况，除非与

image/svg+xml

媒体类型一起提供。

Answer 2

我认为这也可能指使用字体的情况（通过 svg 内的 CSS，然后嵌入到 image () 标签中。

在这种情况下，只有嵌入字体才可以工作（使用 base64 编码），而不是称为外部源：

<style>@font-face {font-family: 'egXPseElB0p1:::Concert One';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/l/font?kit=VEM1Ro9xs5PjtzCu-srDqRTlnveq-hxGBHL1kVp35ZE&skey=1285a0576bf2d826&v=v22) format('truetype');}</style>

查看更多这里。