javascript - 如何使用 javascript 创建字体，它的便携性如何？

Question

我读到Adob​​e 发布了一些免费的网络字体

说明说您需要导入这样的脚本：

<script src="http://use.edgefonts.net/FOO.js"></script>

那么你将能够像这样编写 CSS：

#foo {font-family: FOO, serif;}

这是什么新资源？！？

这个技巧叫什么，浏览器支持是什么样的？

Answer 1

让我向您介绍一些 CSS：

@font-face {
    font-family: 'Foo';
    font-weight: normal;
    font-style: normal;
    src: url("foo.eot");
    src: url("foo.woff") format("woff"), url("foo.ttf") format("truetype"), url("foo.svg#foo") format("svg");
}

p {
    font-family: Foo, sans-serif;
}

@font-face定义一种网络字体并根据您使用的浏览器为其提供一些尝试的资源。该font-family属性会告诉它您以后要如何称呼它。

这是MDN 文档@font-face