CSS Font Rendering Issue

tehnyblizz

New Member
I am developing a website. I'm using a google font to style my page. But it's not displaying correctly. I've read up a bit on faux fonts, but I believe that only applies when the font that is needed is not supplied. I've imported my google font, code is\[code\]@font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wprx7IBmrqA5IG9z8WNe77b9o.woff) format('woff');}\[/code\]My CSS for the font is\[code\]font-size:30px;font-family: 'Titillium Web';font-style: normal;font-weight: 600;\[/code\]But I believe it's displaying a faux font. Here's the difference between an image of what it should look like on the left, and what it's displaying on the right.
gettingcompare.png
I hope someone can solve my problem.Morgan Kenyon
 
Back
Top