我正在从使用标准JPG和PNG迁移到使用SVG文件保存图像以保持高质量。我在Photoshop中创建图像,将它们保存为在Illustrator中打开它们并将它们保存为SVG并最终将它们上传到我的网站,纯矢量图像似乎工作正常,但是我遇到了正确渲染文本的问题。有谁知道可能导致这种情况的原因?
我在这里有一个示例链接http://liamhodnett.com//img/case-study/wags-whiskers/banner.svg
谢谢你们!
答案 0 :(得分:3)
将文本转换为Illustrator中的路径。
如果用户的机器上没有安装该字体,则其渲染会变得奇怪。如果您有徽标或类似徽标,则应将所有文本转换为路径以确保安全,除非它对您具有语义重要性。
答案 1 :(得分:1)
您需要将SVG文件转换为可用的webfont。
您可以使用免费的网络服务,例如http://www.icomoon.io,并根据需要上传/转换文件,并下载工作/转换后的zip文件。
如果您运行WordPress网站,我开发了一个插件,允许您将SVG文件上传到icomoon,下载.zip然后将.zip上传到插件。从那里开始,.zip中包含的所有图标都可以在您的网站上使用,而且不需要代码。
祝你好运!