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!
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
Caesar Bell
24,564 PointsResponsive Sites
I am working on a project, and when I launched the website the Title shows different results on my laptop (macbook pro) than my iMac. Everything seems more fluent on my laptop.
Could someone help me understand what would be causing this ?
The URL is provided below so you can see the site for your self and see what I am talking about.
4 Answers
Caesar Bell
24,564 PointsThank you so much, I actually figure out the issue. I just had those fonts installed on my machine and other computers didnt have those fonts and they aren't google chrome support fonts. So I actually just created a png image the fonts and placed it as a image. This way they could be the same across all browsers.
mbukhonko
3,988 PointsCurrently, I think, the most helpful piece of advice to you would be that 'Tips for asking questions' video on the right sidebar of this (and actually every) thread. Consider adding screenshots and/or code snippets highlighting the problem area.
Another tip is that one can't assume that a page will look the same in different browsers/environments unless one actively tests them (and implements cross-browser fixes). Additionally, the normalize.css stylesheet has the wrong path and, even if it was correct, it's probably a good idea to trim the stuff in it before the actual CSS part starts.
Finally, from personal experience and from tips on this and other sites, unless you REALLY KNOW what you're doing and have done it lots of times, it's best to code in small increments and test frequently. Make sure that the skeleton code works before you add content and the rest. Consider working with a version control system or clearly marking what you changed and where.
Caesar Bell
24,564 Pointsjames thank you for your answer. For now I used the PNG file to do the trick. But if I download a font file could I upload that to the server and would it render it on the browsers ?
James Barnett
39,199 PointsThat's the idea. For all the details, check out the Web Fonts video in the CSS Foundations course here on Treehouse.
James Barnett
39,199 PointsJames Barnett
39,199 Points>created a png image the fonts and placed it as a imageThat's pretty bad for SEO and accessibility. You should use a web font for that, browsers will download the font file.