@ font-face-如何使其在所有浏览器上均有效

小编典典

@ font-face-如何使其在所有浏览器上均有效

css

Internet Explorer 9，Firefox，Opera，Chrome和Safari支持@ font-face规则。

但是，Internet Explorer
9仅支持.eot类型的字体，而Firefox，Chrome，Safari和Opera均支持.ttf和.otf类型的字体。

注意：Internet Explorer 8和更早版本不支持@ font-face规则。

这段文字是从这里来的。因此，为了使IE9可以使用@ font-face，我应该只指定EOT字体文件：

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

特别是我正在使用Myriad Pro，并且具有OTF字体。如何将它们转换为EOT类型？

对于IE7和IE8，应该使用什么技巧/技巧来获得所需的结果？

阅读 411

2020-05-16

小编典典

首先，您没有版权来嵌入大多数字体-任何人都可以下载它们，因此与将字体放置在服务器上供他人下载没有什么不同。

我的建议是使用在这里找到的字体松鼠工具：为您生成文件和代码。

注意不要共享您无权使用的字体。

2020-05-16

小编典典

我认为这几乎是完全跨浏览器的

@font-face {
    font-family: 'Name';
    src: url('location.eot');
    src: url('location.eot#iefix') format('embedded-opentype'),
         url('location.woff') format('woff'),
         url('location.ttf') format('truetype'),
         url('location.svg#Name') format('svg');
    font-weight: normal;
    font-style: normal;
}

位置是服务器上的路径，名称是字体的名称

2020-05-26

@ font-face-如何使其在所有浏览器上均有效

共2个答案