css - Bought a @font-face, not working in Firefox and IE -
my client bought font used. code generated it:
@import url("//hello.myfonts.net/count/27ec77"); @font-face {font-family: 'franklingothicurwcon-boo'; src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_0_0.eot'); src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_0_0.eot?#iefix') format('embedded-opentype'), url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_0_0.woff') format('woff'), url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_0_0.ttf') format('truetype');} @font-face {font-family: 'franklingothicurwcon-dem'; src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_1_0.eot'); src: url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_1_0.eot?#iefix') format('embedded-opentype'), url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_1_0.woff') format('woff'), url('www.mybariatricsolutionsseminars.com/new/styles/webfonts/27ec77_1_0.ttf') format('truetype');}
this works in chrome, not in firefox or internet explorer. see here: http://www.mybariatricsolutionsseminars.com/new/
some solutions i've tried:
added code .htaccess. (this didn't work.)
addtype font/ttf .ttf addtype font/eot .eot addtype font/otf .otf addtype font/woff .woff <filesmatch "\.(ttf|otf|eot|woff)$"> <ifmodule mod_headers.c> header set access-control-allow-origin "*" </ifmodule> </filesmatch>
add
http://
on src urls. (this didn't work.)
your mimetypes aren't set correctly.
looking in chrome dev tools shows lots of:
resource interpreted font transferred mime type text/html
assuming using apache .htaccess files, add:
addtype application/vnd.ms-fontobject eot addtype application/x-font-ttf ttf ttc addtype font/opentype otf addtype application/x-font-woff woff
to .htaccess file.
Comments
Post a Comment