2

无间距出于某种原因,我正在使用的字体上的单词之间的空格消失了。请参阅: http: //www.fantasynews.com/ 我正在使用 Twitter Bootstrap,稍作修改以使用 Google Web 字体。有问题的字体是由 Google 网络字体提供的 Oswald: http ://www.google.com/webfonts/specimen/Oswald 那里的间距对我来说似乎很正常。

我不是 CSS 专家,但我的代码中没有触及任何应该改变空格显示方式的内容。我不知道任何应该特别针对空间的东西。我觉得这是我忽略的一些愚蠢的错误,但我一无所知。如果我查看源代码,当我检查元素时,空格和空格都明显存在,以防一些 javascript 在玩诡计。

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

我应该说,间距问题专门针对最新玩家新闻下框中的标题出现

4

4 回答 4

3

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

于 2012-09-26T16:43:31.023 回答
0

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

它可能是谷歌服务器上的错误编码文件。没有人可以避免像这样的小问题,即使是在 webfont 服务中编码错别字的人。

于 2012-09-26T09:20:47.450 回答
0

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

编辑:这是一种不好的字体,你应该选择另一种!它看起来很大胆,但普通版本很糟糕。

于 2012-09-26T05:46:46.690 回答
0

我通常在 Ubuntu 12.10 上使用 Firefox(最新)。那里的一切看起来都很好。然而,在 Chrome 中,您的字体肯定会被压扁。我个人会选择一种渲染更一致的不同字体。如果您想了解更多信息,请查看Mozilla 的 MDC 字距调整页面以开始使用。

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

h2 { 
 letter-spacing: -0.1em;
}

说这解决了“字距调整”是错误的。这实际上会影响“跟踪”。两者之间的唯一区别是字距调整是两个字符之间的关系,而跟踪与文本有关。

于 2012-09-26T02:52:01.713 回答