Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Styling Web Pages and Navigation Build Navigation with Unordered Lists

Tobias Bothma
Tobias Bothma
5,814 Points

Chrome Unsmoothed Text

How can I smooth my text. My website is coming along fine except for the fact that the text looks really bad.

2 Answers

Hey,

There's conflicting reports on using this technique but this is what you need:

html {
    -webkit-font-smoothing: antialiased;
}
Tobias Bothma
Tobias Bothma
5,814 Points

where do I insert that? into my index.html somewhere?

Tobias Bothma
Tobias Bothma
5,814 Points

Thanks where so I insert that exactly?

Your css file or where ever your CSS is located.

Tobias Bothma
Tobias Bothma
5,814 Points

Its not affecting my text unfortunately. Thanks for trying to help anyway. I will just try my own research and see if I can fix this problem

Are you using a Mac or PC? There could be a lot of things that affect the rendering of the text. Look up "CSS font antialiasing" on Google and customize the search to reflect the machine that you use.

Tobias Bothma
Tobias Bothma
5,814 Points

I am using a PC, that's half the problem. Thanks I will do that!