Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS @font-face Re: @font-face

#69530
noahgelman
Participant

You can also do this:
Toss the .ttf file or whatever kind it is into one of your folders, the very highest is the easiest. Label the font whatever you want (ex. SuperCoolFont) and attach it to the body or wherever you want the font to apply to. Then next do the @font-face. Make the font-family the same as the body or wherever you put it. Then do the src with the url and the address to your site. You have to type in the full address I believe. Make sure the url links to the proper folder of where the font file is and with the proper name and extension and it will do everything else for you. As an added note, even with properly purchased fonts, it is illegal to add a copyrighted font to your page without the consent of the owners.

Code:
body {
font-family: ‘SuperCoolFont’;
}

@font-face {
font-family: ‘SuperCoolFont’;
src: url(http://www.yourwebsite.com/SuperCoolFont.ttf)
}