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 trialChe Hei Cheung
1,438 PointsDo I have to make font changes in both html and css? It seems that only changing in css will change the fonts
I have made changes of fonts on html, but no effects. Only making changes on css will have the effect. Why is that?
2 Answers
Jennifer Nordell
Treehouse TeacherHi there! Alexander Davison is correct. HTML is the structure of your document. CSS is the styling of your document. So HTML simply defines the elements to be rendered on the page and the general attributes that don't necessarily have to do with styling. The src
and alt
attributes are good examples of these.
However, it's also possible to include "in-line" CSS in the HTML or even a <style>
section that contains CSS inside the HTML document. Most often, though, we link to an external file. The question here then would be, how did you implement the font sizes in the HTML document you were working on?
We'd need to see your code to tell you why an in-line style might not be working. It should, as the specificity would have a higher priority than any linked documents or anything in the <style>
element.
Hope this helps!
Alexander Davison
65,469 PointsHTML isn't for doing things like changing fonts, changing colors, changing sizes, etc., HTML is used for making the bare bones of a site. For example, you should use HTML to add text to a website, and you should use CSS to change the color of that text.
Good luck! ~Alex
Che Hei Cheung
1,438 PointsChe Hei Cheung
1,438 PointsThanks Jennifer! this is the html code: <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel="stylesheet" type="text/css">
and this is the css code: font-family: 'Indie Flower', cursive;
it seems that even I do not write the html code, I can still get the font style I choose. So why the course teacher still write the html code?
Jennifer Nordell
Treehouse TeacherJennifer Nordell
Treehouse TeacherMy best guess would be that it's loading in cached data from your browser when you remove the HTML link to the font style. Otherwise, it would revert to the browser default. But if you need a font outside of the defaults and system fonts, you're going to need a link to it in the HTML in some way.