Question

我读到Adobe has released some free web fonts

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

<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 Documentation for @font-face

如何使用javascript创建字体，这有多便携？

1 个答案: