太空消失了

时间:2012-09-26 02:24:53

标签: css twitter-bootstrap google-webfonts letter-spacing

no spacing由于某种原因,我正在使用的字体上的单词之间的空格消失了。看到: http://www.fantasynews.com/ 我正在使用Twitter Bootstrap略微修改以使用Google Web字体。有问题的字体是由Google网页字体提供的Oswald: http://www.google.com/webfonts/specimen/Oswald 那里的间距对我来说是正常的。

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

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

我应该说间距问题专门出现在最新播放器新闻

框下的标题中

4 个答案:

答案 0 :(得分:3)

我通过将word-spacing: 0.25em添加到我的CSS来强制它,但我还不能100%确定在每个浏览器中修复它。不幸的是,Google没有明显的方法来链接到特定版本的字体,因此您可以确信它不会从您的下方发生变化。

答案 1 :(得分:0)

我通常使用Firefox(最新版本)用于Ubuntu 12.10。那里的一切看起来很好。但是在Chrome中,你的字体绝对是被压扁的。我个人会选择一种更加一致的不同字体。如果您想了解更多信息,请查看Mozilla's MDC Kerning页面以开始使用。

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

h2 { 
 letter-spacing: -0.1em;
}

要说这个地址"kerning"是错误的。这实际上会影响"tracking"。两者之间的唯一区别是字距调整是两个字符之间的关系,而跟踪与文本的相关。

答案 2 :(得分:0)

删除font-weight: normal;修复间距(有2个实例应用于它,Inspect Element,你会看到它们)

编辑:这是一个糟糕的字体,你应该选择另一个!它看起来很精彩,但正常版本很糟糕。

答案 3 :(得分:0)

同样的问题,我在网站上应用了另一种字体,并祈求解决方案:(

它可能是谷歌服务器上的错误编码文件。没有人可以安全地处理像这样的小问题,即使是在webfont服务中编码拼写错误的人。

相关问题