Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
这个CSS字体系列是如何显示的;“经济法”;适当地?_Css_Fonts_Font Face - Fatal编程技术网

这个CSS字体系列是如何显示的;“经济法”;适当地?

这个CSS字体系列是如何显示的;“经济法”;适当地?,css,fonts,font-face,Css,Fonts,Font Face,在此页面上:在正文文本中(“Ana Sia的DJ板条箱是一个股票报价器…”),该字体系列的属性指定为: font-family: 'Economica', sans-serif 我想知道它是如何工作的——即使是在IE7查看模式下的InternetExplorer中,它仍然按照预期显示。我一直坚持使用Georgia、Verdana等网络安全字体,尤其是body copy,我的印象是,要做到这一点并使其跨平台兼容,必须使用@font-face 很明显,我错了,有人能解释一下,或者指出一些关于网络排

在此页面上:在正文文本中(“Ana Sia的DJ板条箱是一个股票报价器…”),该
字体系列的
属性指定为:

font-family: 'Economica', sans-serif
我想知道它是如何工作的——即使是在IE7查看模式下的InternetExplorer中,它仍然按照预期显示。我一直坚持使用Georgia、Verdana等网络安全字体,尤其是body copy,我的印象是,要做到这一点并使其跨平台兼容,必须使用
@font-face

很明显,我错了,有人能解释一下,或者指出一些关于网络排版的好资源,可以进一步说明吗

请注意,我的计算机(Windows 7)上没有安装Economica。

Economica由()提供

它是通过这个
标签加载的,您可以在页面标题中找到:

<link href='http://fonts.googleapis.com/css?family=Economica:700' rel='stylesheet' type='text/css'>

然后被支持
@font-face
CSS规则的浏览器嵌入,这样他们就可以在页面中呈现它。您可以在中阅读有关
@font-face
的更多信息

GoogleWebFonts利用该规则以及适当的格式来告诉浏览器嵌入字体。然后,浏览器下载字体并尝试以他们理解的格式呈现它,如果没有,他们将返回到堆栈中的下一个样式(在本例中,是泛型系列
sans serif
)。这就是全部,真的


最终下载的字体格式取决于浏览器:现代浏览器只需下载该格式,而像IE7这样的旧浏览器则会收到一种称为EOT的不同格式(从IE4开始支持!),以便嵌入字体。其他浏览器的早期版本可能会采用其他格式,如TTF、OTF甚至SVG。您可以在有关防弹
@font-face
语法的文章中阅读更多关于各种格式及其用法的信息,例如。

我在使用不同字体时遇到了类似的问题。我所做的就是使用这个网站并按照说明进行操作。事实证明,FontJazz将所有字体类型转换为web安全的。它的使用也相当简单;只有两个js文件

希望有帮助