/    Sign up×
Community /Pin to ProfileBookmark

@font-face not working

Hello
I’ve read countless posts about this but none of which seem to be solving my problem. I simply cannot get my headline tags to render in my non-web-standard font.

I have the font file at the same level as my stylesheet. The stylesheet contains these rules:

[CODE]@font-face {
font-family: ‘Glypha65Bold’;
src: url(‘Glypha-Bold.eot?’) format(‘eot’), url(‘Glypha-Bold.woff’) format(‘woff’), url(‘Glypha-Bold.ttf’) format(‘truetype’), url(‘Glypha-Bold.otf’) format(‘otf’);
}

h3 {font-family:’Glypha65Bold’ , Arial;}[/CODE]

There are no other rules overwriting this.
When I navigate to the font file in the browser address bar using the expected path I am prompted to download the font (i.e. the font is in the correct location).
I’ve ensured that capitalisation has been adhered to as my sites is on a Windows server.
I am experiencing this issue in all major browsers (IE8 FF9 Chrome Safari).

Can anyone see what might be causing the problem?

Thanks

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@rtretheweyApr 02.2012 — It's still most likely a path issue. Relative addresses in CSS are based from the stylesheet. If the CSS is embedded in a webpage, the path is calculated from the directory where the webpage resides. If it's an external stylesheet, the path is calculated from the directory where the stylesheet file resides. The acid test is to use complete URLs in your stylesheet. If that fixes it, you've found the problem. Good luck!
Copy linkTweet thisAlerts:
@Mr_Initial_ManApr 06.2012 — ...I'm not entirely sure if @font-face is supported.
Copy linkTweet thisAlerts:
@handcraftedwebApr 06.2012 — ...I'm not entirely sure if @font-face is supported.[/QUOTE]

http://caniuse.com/#feat=fontface
Copy linkTweet thisAlerts:
@Mr_Initial_ManApr 06.2012 — You learn something new every day. :-)
Copy linkTweet thisAlerts:
@andidas311authorJun 04.2012 — I'm still having difficulty with this - I've tried multiple fonts and tested everything on my live server and still the font refuses to appear. Firebug shows that it is being called however...
Copy linkTweet thisAlerts:
@handcraftedwebJun 04.2012 — I'm still having difficulty with this - I've tried multiple fonts and tested everything on my live server and still the font refuses to appear. Firebug shows that it is being called however...[/QUOTE]

If you post a link to your site maybe we can help.
×

Success!

Help @andidas311 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...