Sorry guys, it turned out it was the matter of one space in my original code throwing it off.
Sébastien | French WordpressDesigner answers:
go to : http://www.fontsquirrel.com/fontface/generator
@font-face {
font-family: 'Amaranth';
src: url("scripts/fontface/Bebas.eot");/* Internet Explorer */
src: local('Amaranth'),
url("scripts/fontface/Bebas.woff") format('woff'),/* Firefox 3.6+ */
url("scripts/fontface/Bebas.ttf") format('truetype'),/* Firefox / Safari / OPERA 10 */
url("scripts/fontface/Bebas.svg#font") format('svg');/* Opera 9 / Chrome 0.3+ */
}
Lucas Wynne comments:
Not working in IE still.
Sébastien | French WordpressDesigner comments:
are you sur your eot file is ok ?
what's the url of your site ?
Lucas Wynne comments:
It should be. I downloaded it from Font Squirrel. Just tried to regenerate it and do it again with the same result.
[[LINK href="http://themeforward.com/demo2/"]]http://themeforward.com/demo2/[[/LINK]]
Sébastien | French WordpressDesigner comments:
it's fr the title like "left aligned image" ?
That's ok on my computer, in IE8 and FF :-)
Sébastien | French WordpressDesigner comments:
probably have you ie9 or ie6, haven't you ?
try with this code
@font-face {
font-family: 'Amaranth';
src: url("scripts/fontface/Bebas.eot");/* Internet Explorer */
src: url('scripts/fontface/Bebas.eot?') format('eot'), /*IE6-IE8*/
src: local('Amaranth'),
url("scripts/fontface/Bebas.woff") format('woff'),/* Firefox 3.6+ */
url("scripts/fontface/Bebas.ttf") format('truetype'),/* Firefox / Safari / OPERA 10 */
url("scripts/fontface/Bebas.svg#font") format('svg');/* Opera 9 / Chrome 0.3+ */
}
Lucas Wynne comments:
Still doesn't work.
Sébastien | French WordpressDesigner comments:
that's ok on my computer
what's your ie version ?
Denzel Chia answers:
Hi,
Try using the full url to the font files hosted on your server.
It may simply be a case of not pointing to file.
Example.
http://themeforward.com/demo2/wp-content/themes/Span%20Animated/scripts/fontface/Bebas.woff
Thanks.