Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我如何用javascript创建字体,它的可移植性如何?_Javascript_Css_Fonts - Fatal编程技术网

我如何用javascript创建字体,它的可移植性如何?

我如何用javascript创建字体,它的可移植性如何?,javascript,css,fonts,Javascript,Css,Fonts,我读到了 说明中说您需要导入如下脚本: <script src="http://use.edgefonts.net/FOO.js"></script> #foo {font-family: FOO, serif;} 这是什么新资源 这个技巧叫什么,浏览器支持是什么样的?让我向您介绍一些CSS: @font-face { font-family: 'Foo'; font-weight: normal; font-style: normal;

我读到了

说明中说您需要导入如下脚本:

<script src="http://use.edgefonts.net/FOO.js"></script>
#foo {font-family: FOO, serif;}
这是什么新资源


这个技巧叫什么,浏览器支持是什么样的?

让我向您介绍一些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
定义web字体,并根据您使用的浏览器为其提供一些来源。
font-family
属性告诉它以后要如何称呼它


这就是所谓的“网络字体”,有点像标题所暗示的。哦,自从IE4(win:1997,mac&unix:1998),FF 3.5(2009),Chrome 4(2010)和Safari 3.1(2007)以来,它已经在一些州实施了。所以这真的不是什么新的魔法:)typekit/font squirrel已经存在多年了,对它们做些研究吧。