Blurry text on chrome

Displaying a modal window on Google Chrome makes the text look blurry:
<img src="http://images.devs-on.net/Image/aDGzslWiE1O9oyyw-Region.png">

The effect becomes more visible on a larger heading font size:
<img src="http://images.devs-on.net/Image/r1vRReOzJIIFG2Dm-Region.png">

Is it possible to prevent this from happening? The workaround below only fixes the issue on the index.html page. On Firefox, everything is functioning correctly.