Typography in Web Design: Using @font-face

[dazuza95]

do you put this in CSS or in the webpages code and where do you put it? is it under the style tag?

[TechnicallyDevious]

@dazuza95 Don't use style tags or the style="" HTML property. Both will work fine, but on large projects, the code gets convoluted and you can't tell what is affecting what. To keep things organized, I recommend one style.css file that loads on every page with the necessary CSS. If you ned page-specific styles, add another CSS file such as homepage.css and add your custom CSS theme. Them combine them when you're done with the site.

That's how to organize CSS files.

[dazuza95]

@TechnicallyDevious cool cheers.

[TechnicallyDevious]

@dazuza95 Also, to include external css, use the LINK tag.

[MrCreationFlow]

omg! i dont mind of insulting or offencing but i tought for my age i knew alot about web but you sound like 13 and you are way way bether than meh "-,- shiiiit!

[TechnicallyDevious]

@MrCreationFlow No offense taken. I am pretty young for a web designer, but it's a really fascinating universe.

[casperisdaman]

hey great tutorial! just a question though, is there a reason to convert the font to open type? i always thought truetype was preferred for screen

[TechnicallyDevious]

@casperisdaman Cross-browser compatibility man. If you use my syntax, it will work in every browser with @font-face support. If the browser can handle true-type, true-type will load, if it can't, it can fall back on open type. Though true type is preferable, some browsers are old-school. :D

[casperisdaman]

@TechnicallyDevious thanks for the response! i had no idea that was the case

[mrnormalnormal]

/watch?v=zGxqH0biqj4

[TechnicallyDevious]

@mrnormalnormal Server error?

[senseiwez]

Thanx great tutorial!

[IpswitchFT]

Very good tutorial! Thanks for posting.

[TechnicallyDevious]

@IpswitchFT Don't forget to share! ;D

[Rockdizmusic1]

ur very smart good work