html显示svg文件内容,关于html:为什么包含字形时svg文件不能显示正确的字体?...

博客内容涉及到SVG文件中字体显示不正确的问题,特别是在InternetExplorer11浏览器上。作者提到IE11不支持SVG字体,导致显示为默认TrueType字体。通过在CSS中定义并链接TrueType字体,可以解决这个问题。博客提供了JSFiddle示例来展示问题。
摘要由CSDN通过智能技术生成

我有一个无法正确显示字体的svg文件。 我试图显示两个字符。 我在字体说明中包含了字形。 字体说明如下。

文字通话如下。

#b

该文本应看起来像以下路径。 它们是字形的形状。

这是一个jsfiddle,显示未显示字体,而是显示一些随机的未知字体。

http://jsfiddle.net/AU3MH/7/

为什么不显示字体?

我正在运行Windows 7和Internet Explorer 11版本。

谢谢,

-克里斯托弗

Internet Explorer 11不支持SVG字体,因此您看到的只是普通的TrueType字形。

如果我在CSS中定义一种字体并链接到该字体,那么svg字体是否可以工作? 像这样的@font-face{ font-family: opusText; src: url(opustext.ttf); }

当然,那是truetype字体,而不是SVG字体。

真奇怪。 当我在CSS中定义字体和字体时,然后在每个svg中使用相同字体定义文本的所有位置,然后正确显示字体。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值