css - 空格消失了

标签 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 中。

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

最佳答案

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

关于css - 空格消失了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12593716/

相关文章:

css - Bootstrap 4 : Dropdown main button (input-group + btn-group) with 100% width (or auto)

html - Google Web 字体编码/呈现问题

css - 使用 Google 字体(Source Sans Pro)显示所有斜体文本的网站

未指定特定宽度的 HTML 省略号

css - Bootstrap 4自定义变量不会向下级联?

javascript - 如何在 Bootstrap 轮播中检测滑动事件方向

fonts - 当 Google Fonts 加载失败/缓慢时处理?

css - 如何去除 ionic 输入中的聚焦线?

html - 尽管他身后的宽度不断变化,但如何在 div 中间绝对设置文本(CSS)?

CSS3 动画不在 <main> 元素上播放/发生