我必须在项目中使用精美的字体,但我真的想避免使用sifr和其他丑陋的替代方法,因此我正在使用@ font-face。
但是,我确实对几个博客/站点感到困惑,这些博客/站点对其可用性提供了不同的观点。准备好了吗?今天哪些浏览器支持它?
谢谢
现在几乎所有浏览器都实现了它。唯一真正的问题是Internet Explorer需要使用其自己的OTF格式的字体文件,并且不会理解TTF格式。提供与@
font-face一起使用的字体的许多站点都将为您提供两种格式以及它们在Internet Explorer和其他浏览器中显示所必需的CSS。
看看http://www.fontsquirrel.com/,它是一个免费的字体库的很好的例子,该库随附了预制的@
font-face下载(文件格式和相关的CSS)。
多年以来,人们一直被迫使用一组单调乏味的Web安全字体。当网页中需要使用一些优雅的字体时,设计师最常用的办法,就是把文字做成图片。但是,由于图片难以修改,也不利于网站SEO,因此不可能大范围使用该字体。 值得庆幸的是,CSS3的 @font-face 为设计师打开了一个全新的世界,它提供了一种自定义网页字体的方法,使设计师可以大胆使用任意自己想要的字体。 事实上,@font-face规则在CSS2
我正在为现代浏览器开发一个JavaScript应用程序,我不需要支持旧的浏览器。我想把字体嵌入到我的CSS文件中,而不是加载它们。 现在,当我使用Font Squirrel的@font-face生成器时,使用“base64 encode”--它只为我提供WOFF类型的数据URI,而不是TTF类型的数据URI。 它为什么要这么做?
问题内容: 这是我的代码,它可以在台式机和平板电脑上完美运行,但不能在移动设备上运行。是代码还是在移动设备上无法使用某些字体 问题答案: 您需要添加所有需要的内容来喜欢这个示例: 资料来源 :https://css-tricks.com/snippets/css/using-font-face/ 希望能有所帮助,加油。 ( 如果您需要转换字体,则需要此 字体生成器 )
问题内容: 我尝试阅读有关如何处理IE中自定义字体的多篇文章,但是它们似乎对我没有用。我尝试将字体转换为,但这似乎也不起作用。我不确定自己在做什么错,所以我将发布我的代码 问题答案: 这在ie8 / 9中有效
问题内容: 如何在CSS中使用多于规则的内容? 我已将其插入样式表中: 当前,这仅适用于网站上的整个文本。但是,我想指定使用其他字体。我怎样才能做到这一点? 问题答案: 其中包括您在下面看到的CSS的更具描述性的细分(并说明了使它在IE6-9上更好地工作的调整)。
问题内容: 我在使用以下声明与Rails 3.1应用程序一起使用时遇到麻烦。我将字体放在Asset Pipeline中的资产文件夹中,并与and 一起放置在其自己的文件夹“ Fonts”中。 这是我使用的声明(由Font Squirrel生成)。 任何人都可以在其Rails 3.1应用程序上成功使用@ font-face吗? 更新资料 我刚刚阅读了该线程,声明中更改为。不幸的是,这似乎也不起作用。