当前位置: 首页 > 面试题库 >

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

赵炯
2023-03-14
问题内容

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,应该使用什么技巧/技巧来获得所需的结果?


问题答案:

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

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

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



 类似资料:
  • 我正在为现代浏览器开发一个JavaScript应用程序,我不需要支持旧的浏览器。我想把字体嵌入到我的CSS文件中,而不是加载它们。 现在,当我使用Font Squirrel的@font-face生成器时,使用“base64 encode”--它只为我提供WOFF类型的数据URI,而不是TTF类型的数据URI。 它为什么要这么做?

  • 问题内容: 这是一个新的版本,IE11在所有其他浏览器上都能正常运行的代码上引发错误。 无论如何,经过几个小时的“修复”代码,使IE11不会掉下来,我遇到了一个错误,我似乎无法找到解决方案。这是有问题的代码: 这嵌套在Ajax请求中成功调用的内部。IE的调试器说错误来自语句的内容,但它也读取了所有括号错误。例如,此函数的开括号在Ajax请求的右括号之后被“关闭” …(希望这是合理的)。 有没有其他

  • 问题内容: 我们在CMS上有一个ckeditor。我们的最终用户将通过该ckeditor输入一些长文章。我们需要一种方法来防止这些文章的连字符出现换行。 无论如何,是否可以防止所有浏览器上的连字符断行? 还是ckeditor可以选择防止这种情况? 问题答案: 恐怕没有比将文本分割成“单词”(由空格分隔的非空白字符序列)并包装每个在标记内包含连字符的“单词”更可靠的方法了。因此,输入数据将变为。 您

  • 问题内容: 我想将CSS垂直居中放置。我不需要表或JavaScript,而只需要纯CSS。我找到了一些解决方案,但是所有这些解决方案都缺少Internet Explorer 6支持。 如何在所有主要浏览器(包括Internet Explorer 6)中垂直居中? 问题答案: 下面是我可以构建的最好的全方位解决方案,以使固定宽度, 高度灵活的 内容框垂直和水平居中。它已经过测试,可用于Firefox

  • 问题内容: 如上所述,我遇到了@ font-face无法在IE9中显示的问题,尽管它在包括IE8及以下版本的所有其他浏览器中都可以正常显示。此外,在我的计算机上本地查看时,IE9会显示字体,而不会完全显示。 使用的代码是: 任何人都知道为什么会发生这种情况吗? 问题答案: 没有答案,只是确认:我有类似的问题。 字体可以使用IETester和原始浏览器在除IE9之外的所有其他IE版本中使用。更改文档

  • 多年以来,人们一直被迫使用一组单调乏味的Web安全字体。当网页中需要使用一些优雅的字体时,设计师最常用的办法,就是把文字做成图片。但是,由于图片难以修改,也不利于网站SEO,因此不可能大范围使用该字体。 值得庆幸的是,CSS3的 @font-face 为设计师打开了一个全新的世界,它提供了一种自定义网页字体的方法,使设计师可以大胆使用任意自己想要的字体。 事实上,@font-face规则在CSS2