html字体/矢量图形问题[关闭]答案

【问题标题】：html font/vector graphics question [closed]html字体/矢量图形问题[关闭]
【发布时间】：2012-05-11 10:36:21
【问题描述】：

在 html 中呈现矢量/字体的最佳方式是什么？

【问题讨论】：

【解决方案1】：

W3C 开发并推荐用于矢量图形的Scalable Vector Graphics 标准。所有主要的现代 Web 浏览器都支持和直接呈现 SVG 标记，不幸的是 Internet Explorer 除外。但是，IE 9 将直接支持和渲染 SVG。从 v5 开始的所有 IE 版本都支持 Vector Markup Language。虽然 Microsoft 继续记录 VML，但该格式的开发于 1998 年停止。

您可能有兴趣查看以下基本 SVG 示例：

【讨论】：

它与 HTML5 Canvas 有何不同？
@Talima：VML 和 SVG 都是基于矢量的，而画布是位图系统。你仍然可以在画布上做矢量，但它是一个较低级别的 API。您可能有兴趣查看this 和this。
@Talima：This 对 SVG 与 Canvas 的话题也很有趣。
谢谢。我想使用 Canvas 显示/绘制文本文档，可以使用 svg 绘制字体吗？还是会太慢？

【解决方案2】：

在网站中使用自定义字体最好的是 CSS3。示例：

@font-face { font-family: 'GoodFootRegular';
src: url('goodfoot.eot');
src: local('Good Foot'), local('GoodFoot'), url('goodfoot.woff') format('woff'), url('goodfoot.ttf') format('truetype');}
.classname{ font:21px bold normal GoodFootRegular;}

【讨论】：