webfonts相关内容

Web字体在加载时闪烁

我们有一个网站-一切正常,但是网页加载之前,网页字体闪烁了一秒钟. 这似乎在其他网站上没有发生&我看不出有什么区别. 我们正在使用fonts.com字体. 我在Google上能找到的只是Firefox的一个问题-但这对我来说在所有浏览器中都会发生. 例如 http://lpff.niico.co.uk/About/Who -我们/我们的人 有什么明显的我想念的吗?我该 ..
发布时间:2020-07-19 06:20:54 前端开发

每个浏览器都支持所有unicode吗?

我想通过使用Unicode而不是小图像图标来减少HTTP请求的数量. 我要使用的图标包括✔,►等. 有关所有必需字符的完整列表,请参见此处 默认情况下,所有浏览器是否都支持这些字符? 如果默认情况下不支持,我可以添加对这些字符的支持吗? 需要哪些CSS和HTML才能以跨浏览器的方式将这些字符添加到网页上? 此外,我正在建立一个使用以下语言的Unicode网站: य ..
发布时间:2020-07-19 03:19:34 前端开发

将网络字体转换和呈现为base64-保持原始外观

我想根据 Smashing Magazine的延迟字体加载逻辑来推迟网站上的字体加载 主要步骤是将字体转换为base64并准备CSS文件.到目前为止,我的步骤: 在 Google网络字体上选择字体并下载. 使用 Font Squirrel Webfont Generator 将下载的TTF文件转换为嵌入了base64的CSS文件WOFF字体(专家选项-> CSS-> Base64编码 ..
发布时间:2020-07-19 01:45:01 前端开发

webfont在IE10,IE11中有错误的字距调整

我正在为使用自定义创建的Webfont的客户端开发项目.当我实现以下样式时,webfont会在Chrome,Safari,Firefox和Opera中显示正确的字距调整: text-rendering: optimizeLegibility; font-feature-settings: "kern"; 在IE10/IE11中,无论是否使用上述样式,字体都不会显示正确的字距.我尝试了多种 ..
发布时间:2020-07-11 00:22:12 前端开发

限制Webfont的字符集?

我想知道是否可以限制嵌入式Webfont的字符集吗? 例如"Typekit"在其"Kit Editor"中具有一个选项,您可以在其中选择All Characters或Default. 但是,在我的情况下,我不使用Typekit,而是使用普通的嵌入式Webfont.由于大量字符,字体文件相当大. @ font-face调用是否存在一些“元标记"或“属性",以将字符集限制为"Lati ..
发布时间:2020-06-13 19:11:09 其他开发

phantomjs + Web字体+字体加载器

我正在node.js环境中运行 phantomjs ,目前一切顺利.目前,我只是使用本地字体,但想使用来使用 google网络字体. 关于是否以及如何使Web字体可以与phantomjs一起使用的各种冲突和令人困惑的报告在那里.像此之类的文章包含带有无效链接的过时信息.诸如此之类的帖子表明 phantomjs 2.0 将或可以支持网络字体,其他人则表示不会,但 2.0.1 会.在此帖子中,建 ..

如何将Google Web字体与phantomjs一起使用

我正在使用phantomjs版本1.9.7,我认为它应该支持网络字体.我已经使用Google Web字体插入了字体,但是当我自动抓屏时,它只是显示我的后备字体.网络字体在我所有的浏览器中都可以正常显示.有任何解决方法吗? 解决方案 我已经为这个问题苦苦挣扎了好几个小时.嗯,引起争议的原因很简单:用户代理! 某些服务(例如Google字体)正在根据用户代理返回不同的CSS内容.当您呼叫 ..
发布时间:2020-05-26 19:51:42 其他开发

PhantomJS不使用webfonts渲染屏幕截图吗?

所以我一直到处走走,似乎找不到如何使PhantomJS在屏幕截图上实际显示Web字体的解决方案,有人可以告诉我是否有办法吗? 解决方案 我已经进行了大约一个星期的测试,最后得出了答案,知道这也可能是由于我在PhantomJS上运行了Windows机器.我当前正在运行PhantomJS v1.9.7,并找到以下解决方案: 在我的CSS文件中使用它: @font-face { ..
发布时间:2020-05-26 19:51:38 其他开发

CSS @ font-face有时可以在Internet Explorer中使用,但并非总是如此

我在Internet Explorer 11中使用Web字体时遇到麻烦.即使使用相同的浏览器,该字体对于使用IE11的某些用户也可以使用,但对其他用户不起作用.对于遇到问题的用户,Modernizr.fontface仍然返回true,因此我可以排除该问题. 下面是CSS ... @font-face { font-family: 'Balthazar'; font-st ..
发布时间:2020-05-09 21:51:58 前端开发

Rails 3 Web字体(WOFF)MIME类型

我们从静态资产中提供一些Web字体(.woff),我想设置正确的mime类型(application/x-font-woff).我尝试在config/initializers/mime_types.rb中执行此操作,但没有效果: Mime::Type.register "application/x-font-woff", :woff 返回的mime类型仍然保持为application/o ..
发布时间:2020-05-09 21:48:53 其他开发

如何在Material UI的webpack构建中包含Roboto字体?

对于基于材料UI 的渐进式 Web应用程序(反应)并使用 Webpack 构建,如何正确包含Roboto字体,以使该应用程序不依赖于Google服务器,并且字体也可以 offline 正常工作? 安装页面仅引用了 Google字体页面,但这显然会强制从Google服务器下载字体. 关于Roboto字体,存在类似的材料UI问题,但是仍然依靠Google提供字体文件. 我找到了一个提 ..
发布时间:2020-05-06 10:10:41 其他开发

Google网络字体与实际字体文件-适用于所有设备

我希望使用Joesfin Sans.它在Google网络字体上列出.我也有.eot,.svg,.ttf和.woff.这意味着与文件完全兼容(据我所知). 我的主要问题是:哪个更好? Google字体加载速度更快吗?它更兼容吗?还是应该坚持使用文件? 解决方案 如果您想要快速简便的解决方案,请嵌入字体加载器代码并继续. Google经常在其服务中添加更多选项/功能. 我个人更喜欢 ..
发布时间:2020-04-29 03:34:27 前端开发

拉斐尔JS文本沿路径

我正在寻找一个概念的例子或一些确认。希望在应用程序上使用Raphael JS,并希望能够像Illustrator这样的图形设计应用程序进行类似的扭曲文本。 解决方案 使用path.getPointAtLength并不太困难,正如Kevin Nielsen建议的那样: path = paper.path(“M50,100c40,-50 270,50 300,0”)。attr(“str ..
发布时间:2019-05-24 19:34:30 前端开发

如何使用JavaScript导入字体文件?

CSS有 @ font-face 规则允许我们“使用”自定义字体。 JavaScript是否具有此功能? 更具体地说,是否可以在不使用CSS @ font-face 规则的情况下“使用”自定义字体? 解决方案 除了使用 @ font-face 规则。您可以从理论上从JavaScript创建 @ font-face 规则,而无需使用 document.write (或 docum ..
发布时间:2019-04-27 14:41:59 前端开发

加载Web字体后如何通知

Google的Web Fonts API提供了一种定义回调函数的方法,如果字体加载完毕,或者无法加载等等,是否可以使用CSS3网络字体(@ font-face)实现类似的功能? 解决方案 2015年更新 Chrome 35+和Firefox 41+实施 CSS字体加载API ( MDN , W3C )。调用 document.fonts 获取 ..
发布时间:2019-01-22 20:19:24 前端开发

IE9阻止了跨域Web字体的下载

这让我发疯了。 只是在IE9上测试一个网站并发现“实时”版本正在渲染一个我使用的网络字体小于开发版。 以下是一系列屏幕抓取: 我正在使用Font Squirrel @ font-face工具包。正如您所看到的,在查看本地版本的网站时,Firefox,Chrome甚至IE9都可以。 本地和实时版本之间的唯一区别是该字体是从实际站点上的其他域加载的(我已正确设置了跨域策略,如其 ..

使用php gd和google webfonts将图像添加到图像

如果我想使用google webfonts中的字体向图像添加文字,是否可以?使用PHP图像GD 解决方案 为了做到这一点,你需要将字体作为ttf / otf。没有别的方法不幸 - 或者更好地说,你会尝试的其他任何事情都会因为结果而过于复杂,甚至不会考虑它。 稍后编辑你说你可以下载ttf文件,所以你只需要: http:// php .net / manual / en / functi ..
发布时间:2018-07-30 17:29:40 PHP

IE9和IE中未显示的自定义字体IE10

我在以下位置使用自定义字体遇到了多个问题: www.shawmut.com/happyholidays 我昨天遇到了Mozilla Firefox的一个问题,它没有显示我链接到我们的AWS S3 Bucket的自定义字体,我通过托管我们实际的Web服务器的字体解决了这个问题。现在,我遇到IE9 / 10的问题,其中字体不再显示。我在这里找到了以下讨论: IE9拒绝加载自定义字体?触及我 ..