Font Face

Hey guys, i have a problem, i am pulling fonts from the sever, here is my code:

@font-face
{
 font-family: 'MyCustomFont';
 src: url('../Fonts/calibri-webfont.eot');
 src: local('Calibri'), local('Calibri'), url('../Fonts/calibri-webfont.woff') format('woff'), url('../Fonts/calibri-webfont.ttf') format('truetype'), url('../Fonts/calibri-webfont.svg#webfonthsJxRxCf') format('svg');
}

the problem is that the fonts look different in firefox and IE? why?
can any one help me and show me how to use font face to pull fonts and dislpay it in different browser?

In FireFox and google Chrome the smaller fonts seems to be gramed up, but i did use :

font-size-adjust: 0.47;

but it does not seem to look right, can someone please help me so i can display to fonts in all browser the same?
JCWEBHOSTAsked:
Who is Participating?
 
scrathcyboyConnect With a Mentor Commented:
"can someone please help me so i can display to fonts in all browser the same?"

The only way I know of getting all browsers to render a font identically is to use the STANDARD fonts that are installed in these OSs, like --

ARIAL, TAHOMA, VERDANA, Times New Roman -- etc.

Those are the standards for all browsers.  When you pull fonts from a server with encoding that may not match what the browser on a particular OS interprets the encoding to be, you will get bad font rendering, and each browser rendering it differently.  Hence you are stuck with the standard ones.
0
 
Vikram Singh SainiSoftware Engineer cum AD DeveloperCommented:
End user make their browser's font and size set according to their preference. So in your case that could be hurdle.
0
 
boraganeshCommented:
Yes there is some diffrence in rendering fonts in Mozzila and IE

As compare to IE mozzila shows blured fonts. but no need to worry about it as its a browser issue
0
Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

 
JCWEBHOSTAuthor Commented:
but how do i fix that blured fonts?
0
 
boraganeshCommented:
no.its not under our control...its browsers issue. same like OS windows and linux..
linux shows nice fonts as compared to windows.
0
 
BadotzCommented:
>>linux shows nice fonts as compared to windows.

What in the world does that mean?
0
 
BadotzCommented:
boraganesh: While we're at it, you state:

"As compare to IE mozzila shows blured fonts. but no need to worry about it as its a browser issue" (sic)

Upon what is this based?
0
 
kmead6Commented:
You could try calling a different style for Mozilla by including in your <head> tags:
<style type="text/css">
            @-moz-document url-prefix() {
                p {
                        font-size-adjust: 1;
                  }
            }
</style>

or whatever needs to be adjusted since we don't have a link or any other html/css to go off of. A link is always helpful to be able to see the problem.
0
 
boraganeshCommented:
yes..right scrathcyboy:

we have no options otherwise stucking with browsers standards..:)
0
 
BadotzCommented:
boraganesh: You have not answered my questions...
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.