@font-face doesn't appear to be working in Umbraco
UMB 4.5.1 | WIN SVR 2008 STD
Using the following allows the font to be downloaded by clients that do not have that particular font installed on there machine. Thus allowing be to have design consistency.
This works perfectly in a page outside Umbraco, and I was wondering is there anything that could be obstructing this from working as should w/in Umbraco.
* Is this a path issue? is your otf file inside the /css foder? * Perhaps a MIME issue? If you link directly to your otf file in the browser do you get the correct response or a 404?
Please post back if you get it resolved as I'd be interested to know the cause. FWIW I've been using the fontsquirrel font-face generator before in umbraco 4.5 without issues -> http://www.fontsquirrel.com/fontface/generator
I've actually copied the .otf to the .css, masterpages, and root directory to be sure. So it's a MIME issue as you suspected:
HTTP Error 404.3 - Not Found The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.
so I'll be attempting to add a MIME Map in the web.config to see what the results yeild. Question, and excuse my ignorance besides being ablt to produce a .eot for IE what's the win in using fontsquirrel? If all browsers (except IE) will obey this:
IE8 Requires the .eot also... just in case anyone reads this. If you're testing fonts and dont have a VMs for test enviroments delete your fonts from the font folder (after you've copied them off to a BU Folder somewhere). This should give you a jist of what the user experiences when they do not have the fonts installed
@font-face doesn't appear to be working in Umbraco
UMB 4.5.1 | WIN SVR 2008 STD
Using the following allows the font to be downloaded by clients that do not have that particular font installed on there machine. Thus allowing be to have design consistency.
This works perfectly in a page outside Umbraco, and I was wondering is there anything that could be obstructing this from working as should w/in Umbraco.
/*myStyle.css*/
@font-face {
font-family: trajan pro;
src: url(TrajanPro-Regular.otf) format("opentype");
}
body p
{
font-family: "trajan pro";
}
Hi Kevon
A few ideas here
* Is this a path issue? is your otf file inside the /css foder?
* Perhaps a MIME issue? If you link directly to your otf file in the browser do you get the correct response or a 404?
Please post back if you get it resolved as I'd be interested to know the cause. FWIW I've been using the fontsquirrel font-face generator before in umbraco 4.5 without issues -> http://www.fontsquirrel.com/fontface/generator
Dan
I've actually copied the .otf to the .css, masterpages, and root directory to be sure. So it's a MIME issue as you suspected:
HTTP Error 404.3 - Not Found
The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.
so I'll be attempting to add a MIME Map in the web.config to see what the results yeild. Question, and excuse my ignorance besides being ablt to produce a .eot for IE what's the win in using fontsquirrel? If all browsers (except IE) will obey this:
The win is IE compatibility - For us poor souls who have to support IE6+ eot is great!
I added the mime types to the web.config and the fonts showed up!
IE8 Requires the .eot also... just in case anyone reads this. If you're testing fonts and dont have a VMs for test enviroments delete your fonts from the font folder (after you've copied them off to a BU Folder somewhere). This should give you a jist of what the user experiences when they do not have the fonts installed
is working on a reply...