On Wed, Jan 4, 2012 at 2:30 PM, Elli Vizcaino <elli...@yahoo.com> wrote: > >
> The font is in its own directory. The link you provided places the the fonts > directory within the CSS directory. I don't know why it's a problem this time > around because the way I wrote my CSS code is exactly how I used it in > another project (http://www.e7flux.com/clients/sof/) and it works fine. > > @font-face { > font-family: Creampuff; > src: url('fonts/creampuff.ttf') format('truetype'); > font-weight: normal; > } > Are you sure it's working in your other project (http://www.e7flux.com/clients/sof/)? Because when i go to that site I get the same error message in chrome for littledays.ttf and that font definitely does not show up. Your issue is you're using the relative src from where the css is located if you wanted. Using fonts/creampuff.ttf tells the browser to look at site.domain.com/location-of-css/fonts/creampuff.ttf. If you used /fonts/creampuff.ttf then the browser will look for the file in site.domain.com/fonts/creampuff.ttf. This is also the issue with your other project for the littledays.ttf file. So you have two choices, you can either 1) correct your src property in your @font-face or 2) move the font files to a "fonts" folder inside the folder where your css file is located. -- ------------------------------------------------------------------------------------ Jason Arnold http://www.jasonarnold.net ------------------------------------------------------------------------------------ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
