@font-face and Firefox

8 views
Skip to first unread message

jonthebeef

unread,
Feb 13, 2010, 3:08:05 PM2/13/10
to Posterous Custom Theme Developers
I'm trying to use the @font-face CSS3 property to embed some fonts
that are outside of the usual web-safe stack, and while they look fine
in Safari, Opera and Chrome, they won't display in Firefox. After
reading the documentation found here -> https://developer.mozilla.org/en/CSS/@font-face,
it seems that Firefox doesn't allow cross site transfers when using
font-face, hence the desired fonts are not displayed. I'm hosting the
fonts on my own server, and linking to them in the CSS.

Is there any trickery I can do to push them through? It seems the only
way would be for Posterous to host them, or to use some HTTP access.

Any thoughts from any great minds out there?

J

Jon Grant

unread,
Feb 18, 2010, 7:31:21 AM2/18/10
to Simon Metson, Posterous Custom Theme Developers
I'll give that a try, though when I linked to an external style sheet it broke all styling completely. I can see on yours that the style sheet is linked so maybe there's an issue with permissions or HT access on my server. Will investigate.

In any case, when I looked at yours, the browser asked for permission to use Chunk. I declined, and the type came through in Georgia (which I presume is the next one in your stack). I've approved FF to use the fonts in @font-face locally, so they pull through. Maybe that's what you've been doing?

Thanks for the help anyhow - I'll give it a try.

J

On Thu, Feb 18, 2010 at 12:22 PM, Simon Metson <simon...@googlemail.com> wrote:
Hi,
       I have an @font-face on my posterous blog (simonmetson.posterous.com) I think the trick is to include the css file from the same server that hosts the font files - that's what I do and it works for me.
Cheers
Simon
--
You received this message because you are subscribed to the Google Groups "Posterous Custom Theme Developers" group.
To post to this group, send email to posterous-custom...@googlegroups.com.
To unsubscribe from this group, send email to posterous-custom-theme...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/posterous-custom-theme-developers?hl=en.





--
Jon Grant
Co-Founder/Director

Cahoona Ltd.
07545 271861

j...@cahoona.co.uk
http://cahoona.co.uk

Simon Metson

unread,
Feb 18, 2010, 7:22:28 AM2/18/10
to jonthebeef, Posterous Custom Theme Developers
Hi,
I have an @font-face on my posterous blog (simonmetson.posterous.com)
I think the trick is to include the css file from the same server that
hosts the font files - that's what I do and it works for me.
Cheers
Simon

On 13 Feb 2010, at 20:08, jonthebeef wrote:

Reply all
Reply to author
Forward
0 new messages