文本未在嵌入式SVG中显示

时间:2014-04-03 20:30:42

标签: html css svg

我正在从使用标准JPG和PNG迁移到使用SVG文件保存图像以保持高质量。我在Photoshop中创建图像,将它们保存为在Illustrator中打开它们并将它们保存为SVG并最终将它们上传到我的网站,纯矢量图像似乎工作正常,但是我遇到了正确渲染文本的问题。有谁知道可能导致这种情况的原因?

我在这里有一个示例链接http://liamhodnett.com//img/case-study/wags-whiskers/banner.svg

谢谢你们!

2 个答案:

答案 0 :(得分:3)

将文本转换为Illustrator中的路径。

如果用户的机器上没有安装该字体,则其渲染会变得奇怪。如果您有徽标或类似徽标,则应将所有文本转换为路径以确保安全,除非它对您具有语义重要性。

答案 1 :(得分:1)

您需要将SVG文件转换为可用的webfont。

您可以使用免费的网络服务,例如http://www.icomoon.io,并根据需要上传/转换文件,并下载工作/转换后的zip文件。

如果您运行WordPress网站,我开发了一个插件,允许您将SVG文件上传到icomoon,下载.zip然后将.zip上传到插件。从那里开始,.zip中包含的所有图标都可以在您的网站上使用,而且不需要代码。

http://wordpress.org/plugins/svg-vector-icon-plugin/

祝你好运!