HTML字体/矢量图形问题

Question

如何在HTML中最好地呈现矢量/字体？

- Talima

Answer 1

W3C 开发并推荐 可缩放矢量图形 标准用于矢量图形。所有主流现代浏览器都支持并直接呈现 SVG 标记，除了不幸的是 Internet Explorer。然而，IE 9 将支持并直接呈现 SVG。从 v5 开始，所有版本的 IE 支持 矢量标记语言。虽然微软继续记录 VML，但该格式的开发已于1998年停止。

您可能会对以下基本 SVG 示例感兴趣：

• SVG 示例
• SVG 基础教程：文本 - 普通或非普通

- Daniel Vassallo

---

它与HTML5 Canvas有何不同？ - Talima

@Talima：VML和SVG都是基于矢量的，而Canvas是一个位图系统。你仍然可以在Canvas上使用矢量，但它是一个较低级别的API。你可能会对查看这个和这个感兴趣。 - Daniel Vassallo

@Talima: 这个链接(http://people.mozilla.com/~vladimir/xtech2006/)对于SVG和Canvas的比较也很有趣。 - Daniel Vassallo

谢谢。我想使用Canvas来显示/绘制文本文档，字体能否使用SVG绘制？或者会太慢了吗？ - Talima

Answer 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;}

- cgvector