All geek questions in one place

Fonts do not appear in iframes in Firefox

I have an iframe page. The content of the iframe comes from another domain, but I have one css file that is included headin that domain, so both have the same style, and it is. except headings h1with a special font. It displays correctly in Chrome, Opera, IE, and Safari, but not in Firefox :( It goes 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 then in css

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

Enyone has ideas why firefox won't display the font inside the iframe?

+3
source share
1 answer

Firefox @font-face, , . Google Apache config, :

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

+6

Source: https://habr.com/ru/post/1794946/

More articles:


All Articles