Google字体无法在Google Chrome上呈现
我正在建立一个新的WordPress主题（不知道是否相关），并且这个问题一直困扰着我。
我已经从Google Webfonts（包括CSS <head>部分）中加载了Roboto Slab 。在其他所有浏览器上，除了Google
Chrome之外，字体都可以正常显示。当我第一次在Google
Chrome浏览器中加载网站时，使用该自定义字体的文本根本不会显示（即使字体库将佐治亚州作为后备- "Roboto Slab", Georgia, serif;）。当我将样式链接悬停或在Inspector中重新触发任何CSS属性后，文本将变为可见。
自从我在一段时间前启动主题以来，我可以清楚地记得它以前运行得很好。这是一些已知的最近的Chrome更新错误吗？
首次加载 ： 屏幕截图＃1
重新应用任何CSS属性后，进入响应视图或将元素悬停 ： 屏幕截图＃2
有人有类似的问题吗？我应该如何进行呢？
谢谢！
问题答案：
显然，这是一个已知的Chrome错误。有一个仅css的解决方法可以解决此问题：
body {
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes fontfix {
from { opacity: 1; }
to { opacity: 1; }
}
似乎只需要告诉Chrome重新粉刷文字
-
在jasper reports一节中，pdf问题中有一个jasper report字符编码。 jasper报告中无法解决该问题，因为它似乎是一个itext问题（使用itext v.5.5.4） 示例代码： 可在mm3下载字体。ttf公司 将错误渲染为： 它应该呈现为（在浏览器中使用相同的ttf） 只是出于好奇发生了什么事？（看起来像是某些字符，带虚线的圆圈应该向后移动，但这不会发生）。 这是<代码
-
问题内容： 我的网页上有一个Google地图，上面有一个我自己建立的搜索窗格，可以随意显示和隐藏。它的覆盖范围可以说是说一面地图的200像素。问题是，当我调整地图大小时，或窗格重叠的区域未渲染，即由于某种原因地图未渲染。 在Box中，输入OMDB（这是机场的ICAO代码），然后按Enter。 结果显示出来，您会看到窗格。现在单击全屏链接，然后单击“机场”选项卡以使面板消失- 您现在看到地图的一部分
-
我正在尝试获得Android ICS的卡纳达字体支持。我的Xperia Neo L手机运行Android ICS 4.0.4，并安装了卡纳达字体（Lohit Kannada.ttf）。我还将Lohit Kannada字体作为fallback\u字体中的系列集。框架中的xml。之后，我可以看到卡纳达字体在浏览器中呈现，但不支持复杂的脚本。图示符没有以正确的方式呈现，尽管它只是可读的。其他印度语如泰米
-
我有麻烦在apache batik apache fop svg pdf代码转换配置字体。 配置文件似乎没有正确加载，只是在Ubuntu上加载。我试着在MacOSX上运行完全相同的代码，效果很好。。。 尝试在两个系统上加载相同的svg会产生不同的结果。 java的相关部分如下： 但完整版只是稍作修改的 https://github.com/naofum/thinreports-java/blob/
-
我正在使用PhantomJS进行网页截图。 我看到过其他关于@font-face问题的帖子，但我页面上的字体呈现正确。我唯一的问题是，每次截图时，字体显示与前一个截图略有不同。所以尽管他们的渲染是正确的，但他们在截图上的外观是不一致的。 我已经尝试了许多修复，大多数都是基于这样的假设，即这与页面准备好之前拍摄的截图有关，但这似乎不是问题所在。例如，我已经延迟了截图，以便字体有时间加载和呈现，但这并
-
问题内容： 我正在测试我的网站，并且在所有浏览器上都能正常工作，但iphone浏览器（我认为它是移动Safari？）除外，该浏览器呈现的文字部分的字体比其他字体大。我已经手动检查了CSS，并在页面上使用了萤火虫，并且可以确认我对所有CSS都设置了相同的大小。我该如何解决？ 问题答案： 为了稍微改善Lukasz的想法，请尝试在CSS中使用以下规则： 使用值“ 100％”而不是“ none”，使所有其