I'm puzzled here. This has nothing to do with Gensis or AgentPress, but If any solution jumps at you, please share.
Using @font-face to embed non-standard fonts. Everything is working fine, with one exception... The fonts do not display when loading the IDX page template in Firefox. The AgentPress site loads the fonts fine in all browsers. The IDX pages load the fonts fine in all browsers, with the exception of FireFox.
I'm using the following code and this code is in the main AgentPress stylesheet. I've tried adding this code to the <head> of the IDX templates with full paths to the font files rather than relative, but that did not correct the issue.
Code:
@font-face {
font-family: 'LeagueGothicRegular';
src: url("league_gothic-webfont.eot");
src: local('☺'), url("league_gothic-webfont.woff") format('woff'), url("league_gothic-webfont.ttf") format('truetype'), url("league_gothic-webfont.svg#webfontOWktfNNM") format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'US101';
src: url('us101-webfont.eot');
src: local('☺'), url('us101-webfont.woff') format('woff'), url('us101-webfont.ttf') format('truetype'), url('us101-webfont.svg#webfontRZPBw7Gf') format('svg');
font-weight: normal;
font-style: normal;
}