Spaces disappeared
For some reason, the spaces between words on a font that I am using disappeared. See:
http://www.fantasynews.com/
I'm using Twitter Bootstrap slightly modified to use Google Web fonts. The font in question is Oswald served up by Google web fonts:
http://www.google.com/webfonts/specimen/Oswald
And the spacing appears normal for me there.
I'm no CSS guru, but I have touched nothing in my code that should alter the way spaces are displayed. I don't know of anything that should target spaces in particular. I feel like this is some dumb mistake that I'm overlooking but I'm clueless. If I view the source, the spaces are clearly there as well as the spaces clearly being there when I inspect the element, in case some bit of javascript was playing a trick.
I am using the latest version of Chrome, although this also appears in Firefox.
I should say that the spacing problem appears specifically for the title in the boxes under latest player news
I forced it by adding word-spacing: 0.25em to my CSS, but I'm not yet 100% sure that fixed it in every browser. It's unfortunate that Google doesn't have an obvious way to link to a particular version of a font so you could be confident it won't change from under you.
- CSS :after or :before reading dynamic values from HTML. No JS. Pure CSS
- jQuery button click not showing/hiding content
- How to style SVG with external CSS?
- How to Make an SVG Image Dynamically Match the Height (1em) and the Baseline of Surrounding Text?
- How to Apply Background Color for Children in a Repeating Pattern (Blue, Purple, Red)
- Text cropping when using overflow: hidden
- How to Position an Image on Different Sides of a Container Using CSS?
- How remove border around image in css?
- TailwindCSS: SVG icon won't resize properly
- Float CSS attribute causing parent div not to inherit height?
- Refused to apply inline style because it violates Content Security Policy (using hash for JQuery inline style)
- Show text outside the div with clip-path
- Flask/Jinja content not centering
- How to create a scalable document element inside a container in HTML
- Custom directive and [ngClass] on same element does not work
- How to add Font Awesome icon into <input> button?
- I can't set text after modifying the text
- Convert RGB color to English color name, like 'green' with Python
- Change / Hack style of Facebook 'Like it' button
- Selector :last-child not working as expected?
- Why does this strange space start appearing at the bottom of the page only on mobile?
- aspect-ratio not affecting parent size on ios/webkit
- make html text input field grow as I type?
- HTML text-overflow ellipsis detection
- Can we have an SVG background that tiles, with a gradient fill that doesn't?
- Dynamic Flickr background image for CSS tag
- how do I make text that goes below the screen on left div (screen split in 2 divs left and right) write itself on right div instead
- Set the position of divs to the far ends
- Applying a Stylesheet Within One Div Only
- Why `cursor: pointer` and `:hover` property is not being applied?