mbasfoor — 2012-02-14T15:07:32-05:00 — #1
I'm trying this code For the @fontface :
src: url('fonts/mothnna.eot'); /* IE9 Compat Modes */
src: url('fonts/mothnna.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/mothnna.woff') format('woff'), /* Modern Browsers */
url('fonts/mothnna.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/mothnna.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */
I'm using the font in a class named demo :
border:1px solid #666;
This code is working on ie but it's not working on firefox 10 or chrome 17
So anybody can help me to make this font appear a cross all browsers ?
markbrown4 — 2012-02-14T16:28:41-05:00 — #2
That look ok at a glance, have you got a live link?
Have you got mothnna.woff and mothnna.ttf in the /fonts/ directory?
Edit: have you tried without the 'direction: rtl' declaration?
mbasfoor — 2012-02-15T06:12:11-05:00 — #3
Sorry there is no live link to it i'm testing this code locally before i apply it to the site
I tried removing the
it didn't change any thing
mbasfoor — 2012-02-15T06:13:08-05:00 — #4
Sorry just a duplicated post by accident
ralphm — 2012-02-15T06:52:26-05:00 — #5
Where is the CSS file in relation to the fonts? (I'm checking your file paths here.)
mbasfoor — 2012-02-15T07:10:34-05:00 — #6
The fonts are in a folder called 'fonts' next to the css file
ralphm — 2012-02-15T19:39:14-05:00 — #7
When you say "next to", do you mean the CSS file and the /fonts/ folder are in the same folder together? E.g.
If that's your structure, then that's OK, so it's not the issue.
mbasfoor — 2012-02-16T06:33:54-05:00 — #8
ralphm — 2012-02-16T06:43:40-05:00 — #9
OK, so the next obvious question is: are the fonts definitely in that folder?
Also, out of interest, what happens if you modify your code to something like this?
src: local('☺'), url('fonts/mothnna.woff') format('woff'), url('fonts/mothnna.ttf') format('truetype'), url('fonts/mothnna.svg#svgMothnnaFont') format('svg');
mbasfoor — 2012-02-16T06:52:20-05:00 — #10
ralphm — 2012-02-16T06:53:39-05:00 — #11
The font is actually working for me in Firefox and Chrome anyway.
paulob — 2012-02-16T07:13:57-05:00 — #12
Try putting the font files in the same directory as the css file and not in a sub folder to see if there is an issue there. I believe Firefox has a strict_origin_policy setting that may affect local resources like fonts.
Otherwise put a demo online and then it will be easier for us to check.
You replied while I was thinkking about it:)
Seems it may be the issue I mentioned above with local files.
mbasfoor — 2012-02-16T07:18:35-05:00 — #13
It still not working for me
mbasfoor — 2012-02-16T07:36:47-05:00 — #14
paulob — 2012-02-16T07:56:17-05:00 — #15
You mean the font in the online link isn't working for you? It seems to be working for me.
mbasfoor — 2012-02-16T08:04:26-05:00 — #16
Yes even the online link didn't work
paulob — 2012-02-16T08:31:13-05:00 — #17
This is what I see in Firefox and IE.
mbasfoor — 2012-02-16T08:41:08-05:00 — #18
no that's not the font type that i want it should look like this
paulob — 2012-02-16T09:23:08-05:00 — #19
All I can suggest is that you run the font back through the font-squirrell generator and try again in case something went wrong before.
I assume you do have a license to embed that font online if it's not a free font?
alexschmidt — 2012-02-16T09:46:19-05:00 — #20
perhaps the problem is that your CSS is too large or not W3C compliant...
I have tried Rankvision.com's CSS Validator and it shows a lot of errors for the CSS code you've sent...
Perhaps it's worth a try to run it through the tool...
next page →