Font Face Question

[CarraraWebsiteSolutions]

I tried to understand the font-face thing but confusing atm.

I have my fonts kept in a folder named fonts and the font is called planet.tff

@font-face {
font-family: ‘MyWebFont’;
src: url(‘fonts/planet.tff’);
}
.container {
width: 980px;
margin: 0px auto;
}

#logo {
font-family: ‘MyWebFont-planet.tff’;
}

[Paulie_D]

…and what is your question?

I do think you would need more filetypes for the font to support all browsers.

I’m not up to date on this but this is a decent list.

@font-face {
font-family: ‘FontName’;
font-weight: 400;
font-style: normal;
src: url(‘fontname.eot’);
src: url(‘fontname.eot?#iefix’) format(’embedded-opentype’),
url(‘fontname.woff’) format(‘woff’),
url(‘fontname.ttf’) format(‘truetype’),
url(‘fontname.svg#FontName’) format(‘svg’);
}

[CarraraWebsiteSolutions]

if i had fonts in a font folder how I would get it to work not picking it up. Not to sure if I set it up correct?

[pixelgrid]

in the font family declaration of #logo you need only ‘MyWebFont’ plus what paulie said about browser support

[CarraraWebsiteSolutions]

Will give it ago.

[CarraraWebsiteSolutions]

found a good place to create own font kits

http://www.fontsquirrel.com/tools/webfont-generator

[Author]

Posts