HTML字体/矢量图形问题

Question

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

Answer 1

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

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

• SVG Examples
• SVG Basic Tutorials: Text - Plain or Not-So-Plain

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