css as assets font embedding won't work on firefox -
i building website serve assets (image, css, javascript) subdomain inside same server, works fine except firefox doesn't seem render fonts embedding
my css (on assets.mydomain.dev)
@font-face { font-family: 'fontawesome'; src: url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.eot?v=3.1.0'); src: url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('http://assets.mydomain.dev/fonts/awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg'); font-weight: normal; font-style: normal; }
htaccess (on assets.mydomain.dev)
addtype application/vnd.ms-fontobject .eot addtype font/ttf .ttf addtype font/otf .otf addtype application/x-font-woff woff <filesmatch "\.(ttf|otf|eot|woff)$"> <ifmodule mod_headers.c> header set access-control-allow-origin "*" </ifmodule> </filesmatch>
folder structure (on assets.mydomain.dev)
/ /fonts /awesome /fontawesome-webfont.eot /fontawesome-webfont.woff /fontawesome-webfont.ttf /fontawesome-webfont.svg
i have been looking "how to" here in stackoverflow, such these
css-font-face-absolute-url-from-external-domain-fonts-not-loading-in-firefox
css-font-face-not-working-with-firefox-but-working-with-chrome-and-ie
but none seems work, please me
Comments
Post a Comment