我在我的网站上使用Google Webfonts服务,并严重依赖它。 它在大多数浏览器上呈现良好,但是在Windows上的Chrome中呈现得尤其糟糕。 非常波涛汹涌,像素化。 到目前为止,我发现Chrome需要首先加载.svg格式的字体。 然而,我使用的字体Asap仅在.woff中可用。 我使用免费的在线服务将其转换为.svg,但是当我将它添加到我的样式表(.woff之前)时,它没有改变任何东西。 我也试过: -webkit-font-smoothing: antialiased; text-shadow: 0px 0px 0px; 希望能够帮助文本更加stream畅地呈现。 现在我已经用尽了想法,我不想改变字体。 有没有人有一个想法,我可以解决这个问题? 我一直在使用Adobe Browserlab来testing渲染,看到我只拥有一个mac。 链接到该网站是: www.symvoli.nl/about 提前致谢! 编辑2013年4月11日: Chrome 35 Beta似乎终于解决了这个问题:
我一直在开发一个使用Google Fonts API的网站。 这是伟大的,据说已经在IE中testing,但在IE 8testing时,字体根本没有风格。 我按照Google的指示包括字体,因此: <link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light" rel="stylesheet" type="text/css" /> 并将其名称添加到CSS中的字体家族的前面: body { font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif; font-size: 16px; overflow-y: scroll; overflow-x: hidden; color: #05121F; } 像Chrome,Firefox,Safari一样的魅力。 没有骰子在IE 8.有人知道为什么?
我正在使用一个CMS,我只能访问CSS文件。 所以,我不能在文档的HEAD中包含任何东西。 我想知道是否有一种方法从CSS文件中导入Web字体?
我正在构build一个新的WordPress主题(不知道这是否相关),并有这个问题不断扰乱我。 我已经从Google Webfonts加载了Roboto Slab(包含CSS中的<head>部分)。 在其他所有的浏览器上,除了谷歌浏览器,字体都可以正常显示。 当我第一次在谷歌浏览器中加载网站时,使用该自定义字体的文本不会全部显示(即使是字体堆栈也有格鲁吉亚作为后备 – "Roboto Slab", Georgia, serif; )。 hover样式化的链接后,或者在Inspector中重新触发任何CSS属性 – 文本变得可见。 由于我前段时间已经开始了这个主题,所以我可以清楚地记得之前的工作是完美的。 这是一些已知的最近的Chrome更新错误? 第一次加载 : 截图#1 在我重新应用任何CSS属性后,进入响应式视图或hover一个元素 : 截图#2 任何人有类似的问题? 我应该如何继续? 谢谢!