html - html字体/矢量图形问题

Question

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

Answer 1

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

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

• SVG 示例
• SVG 基础教程：文本 - 普通或不那么普通

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