2012-09-26 47 views
2

no spacing由于某种原因,我正在使用的字体上的单词之间的空格消失了。请参阅: http://www.fantasynews.com/ 我使用的Twitter Bootstrap略微修改为使用Google Web字体。有问题的字体是奥斯瓦尔德提供的谷歌网络字体: http://www.google.com/webfonts/specimen/Oswald 而且间距在我看来似乎很正常。空格消失

我不是CSS大师,但我在我的代码中没有触及任何东西,应该改变显示空间的方式。我不知道任何特别针对空间的东西。我觉得这是我忽略的一些愚蠢的错误,但我无能为力。如果我查看源代码,当我检查元素时,空格显然存在,以及空格显然在那里,以防某些javascript在玩弄诡计。

我使用的是最新版本的Chrome,尽管这也出现在Firefox中。

我应该说间距问题下最新的播放器的新闻

+0

我看到没有问题的字体s您提供的链接中的步骤 – noel

+0

您使用的是哪种浏览器? – Macgyver

+0

Firefox 15.0.1。 – noel

回答

3

我强制将word-spacing: 0.25em添加到我的CSS中,但我还没有100%确定将它修复到了每个浏览器中,不幸的是Google没有明显的链接方式到一个特定版本的字体,所以你可以确信它不会从你下面改变。

0

标题在框中专门看来我平时使用Firefox(最新)的Ubuntu 12.10。那里一切都很美好。然而,在Chrome中,你的字体绝对是压扁的。我个人会选择一种更一致的不同字体。如果您想了解更多,请查看Mozilla's MDC Kerning页面开始。

我使用字距调整的主要方法是letter-spacing属性。

h2 { 
letter-spacing: -0.1em; 
} 

地说,这解决"kerning"是假的。这实际上影响"tracking"。两者之间的唯一区别是字距是两个字符与跟踪涉及之间的关系。

+1

或者您可以链接到Google结果。 –

+0

嗨shakabra,我建议添加一个Kerning的例子,如果可能的话。这会让你的回答更少地依赖链接,这对Stack Overflow社区更有价值,并确保你的答案仍然有价值,即使链接断裂。祝你好运! :) – jmort253

0

删除font-weight: normal;修复的间距(有被应用到这2个实例,检查元素,你会看到他们)

编辑:这是一个糟糕的字体,你应该选择一个又一个!它看起来很大胆,但正常版本是可怕的。

+0

很奇怪,昨天刚刚停止工作,在那之前它一直很棒。让这是任何人通过Google Web字体使用奥斯瓦德的警告 – Macgyver

+0

它可能是谷歌昨天更新了字体。使用像这样的字体服务的问题之一,我猜! – zenkaty

0

这里同样的问题,我申请另一种字体的在线网站,并寻求解决方案:(祈祷

它可能是在谷歌的服务器错误编码的文件。没有人是安全的小问题这样的,即使那个谁在webfont服务中对错别字进行编码