font-face相关内容

等待字体在渲染网页之前加载

我使用@ font-face在我的网站中嵌入字体。首先,文本呈现为系统默认,然后(一旦字体文件已经加载可能),正确的字体呈现一秒钟的一部分。是否有办法通过延迟页面渲染,直到字体加载或类似之后,最小化/摆脱这种延迟。 解决方案 这是浏览器的行为方式。 首先你的@font声明在哪里?它是内联到你的HTML,在页面的CSS表中声明的,或者(希望)在外部CSS表中声明。 如果它不在外部 ..
发布时间:2017-01-18 18:13:26 前端开发

@ font-face现在可以使用吗?

我必须在项目中使用花哨的字体,但我真的想避免sifr和其他丑陋的选择,所以我看着@ font-face。 但是,我真的很困惑与几个博客/网站提供不同的意见上的可用性。是准备好了吗? 感谢 解决方案 浏览器实现它。唯一真正的吸引力是,Internet Explorer需要自己的OTF格式的字体文件,并且不会理解TTF格式。许多提供用于@ font-face的字体的网站将为您提供在 ..
发布时间:2017-01-18 17:51:25 前端开发

Android上的CSS字体

我使用 @ font-face 在网站上显示League Gothic,但它不会显示在Android 1.6上。这是我的代码,生成与字体松鼠的@ font-face生成器 @ font-face { font-family:'LeagueGothicRegular'; src:url('/ fonts / League_Gothic-webfont.eot'); src:loca ..
发布时间:2017-01-18 17:35:42 移动开发

在Web浏览器上使用.otf字体

我在一个需要在网上进行字体试验的网站上工作,所有的字体都是.otf 有一种方法嵌入字体, 解决方案 如果没有, div> 如果您的字体是免费字体,您可以使用例如 onlinefontconverter 转换您的字体,但.otf是使用@ font-face的好类型 @ font-face { font-family:GraublauWeb ; src:url(“pa ..
发布时间:2017-01-18 17:16:35 前端开发

CSS中有多个font-face

如何在CSS中使用多种类型的@ font-face。 我已将其插入到样式表中: body { background:#fff url(../ images / body-bg-corporate.gif)repeat-x; padding-bottom:10px; font-family:'GestaRegular',Arial,Helvetica,sans-serif;} ..
发布时间:2017-01-18 16:31:18 前端开发

@ font-face src:local - 如果用户已经拥有它,如何使用本地字体?

使用 @ font-face 的正确方法是什么?如果用户已经拥有该字体,浏览器将不会下载该字体? 我使用@ font-face来定义DejaVu,它已经安装在我的系统(linux)上。 Firefox不会下载字体,但Chromium每次都会下载! 我的CSS代码基于字体松鼠和这个问题看起来像这样: @ font-face { font-family:'DejaVu Seri ..
发布时间:2017-01-18 15:14:15 前端开发

IE8 CSS @ font-face字体只适用于:在内容之前和有时刷新/硬刷新

更新:我写了一篇博客文章,我了解到这个问题。我仍然不完全理解它,但希望有人会阅读这一点,并阐明我的问题: http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8 我有一个页面,我使用@ font-face导入图标的自定义字体。图标是用类创建的: .icon {font-family:'icon-font'; ..
发布时间:2017-01-18 14:29:48 前端开发

@ font-face EOT无法通过HTTPS加载

摘要 我遇到了一个问题使用@ font-face通过HTTPS在IE 7,8,9 - 它只是没有加载。无论包含的HTML网页是否托管在HTTPS上,当我尝试通过HTTP加载EOT字体时,它不起作用,HTTPS不会。有没有人看到这种行为? 托管字体的服务器正在发送正确的content-type =“application / vnd.ms-fontobject” 我试过多种字体,所 ..
发布时间:2017-01-18 13:12:41 前端开发

使用jQuery知道@ font-face字体何时加载?

我使用@ font-face,我讨厌Firefox显示默认字体,等待加载@ font-face字体,然后替换它。因此,整个页面都会以新字体闪烁。 Webkit浏览器只是在加载字体之前不显示文本,并且它的外观更清晰。 因此,我想知道jQuery是否可以帮助我知道页面上的所有数据何时加载,包括@ font-face文件,以便我可以显示我的文本?是否有一个jQuery方法告诉我什么时候加载了 ..
发布时间:2017-01-18 13:10:18 前端开发

网络中的非标准字体?

我最近看到使用字体“ff-tisa-web-pro-1”的网页(在其CSS文件中指定)。 它是如何工作的? 解决方案 您可以使用CSS在字体中嵌入字体 想要摆脱“网络安全”字体的一些有吸引力的标题,而不使用图像?使用CSS 3并嵌入font-face! http://www.zenelements.com/blog/css3-embed-font-face/ ..
发布时间:2017-01-18 12:44:56 前端开发

在IE9中使Adobe字体与CSS3 @ font-face一起使用

我正在构建一个小内联网应用程序,并尝试,没有运气,使用我最近购买的 Adob​​e字体。 我将.ttf / .otf版本的字体转换为.woff,.eot和.svg,以便定位所有主要浏览器。我使用的@ font-face语法基本上是 Font Spring : @ font-face { font- family:'MyFontFamily'; src:url('myfont-w ..

Internet Explorer @ font-face失败

我想让Internet Explorer呈现我漂亮的字体。它不工作。他们在Firefox中工作正常,我可以看到在我的Apache访问日志,IE已拉字体。 我用来转换字体的网站是: http://www.kirsle.net/wizards/ttf2eot.cgi 。我试过微软的WEFT工具,但它不能正常工作。 这是我的CSS: @ font-face { font-fam ..
发布时间:2017-01-18 12:06:33 前端开发