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

Posted by Zac Smith
Zac Smith
1,213 Points

How to make text look good on all devices

If I set my text size to 16px then it will look larger on a laptop than on a retina-display macbook. How do I keep my text the right size on all browsers? Do I have to use media queries? Thanks.

1 Answer

Joel David Crouse
Joel David Crouse
9,062 Points

Hi Zac,

Firstly, I would recommend you watch the Build a Responsive Website course, but yes, using media queries would be a good way to change font sizes at different screen resolutions. For really large text sizes I would suggest you take a look at a plugin called FitText (http://fittextjs.com/). However, you should never use this plugin for paragraph text.

Good Luck!

Zac Smith
Zac Smith
1,213 Points

Thank you very much :)