Home/ Questions/Q 4025480
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T10:51:08+00:00

I have page with an iframe. Iframe content comes from other domain, but I

  • 0

I have page with an iframe. Iframe content comes from other domain, but I have one css file that is included in head in that domain so both has same style, and it is. except for headlines h1 with special font. It is shown properly in Chrome, Opera, IE and Safari, but not in Firefox 🙁 It falls back to Arial.

@font-face {
     font-family: 'TheSansLight';
     src: url('ABSOLUTEPATH/fonts/TheSans_TT3_.eot?iefix') format('ie9-skip-eot'),
           url('ABSOLUTEPATH/fonts/TheSans_TT3_.woff') format('woff'),
           url('ABSOLUTEPATH/fonts/TheSans_TT3_.svg#TheSans_TT3_') format('svg');
}

and later in css

font-family: "TheSansLight", Arial, Helvetica, Verdana, sans-serif;

Does enyone has any idea why firefox would not render font inside iframe?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Firefox has a cross-domain policy for @font-face which blocks them unless specifically allowed on the remote host. Google turns up any number of tutorials for working around it with Apache config, such as this one:

    http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

    • 0