Can't get font to match other site's font exactly via CSS

On http://www.tracksauction.com there is text in the top right.

I am trying to display that exact same text on http://tracksauction.auctionserver.net/

For some reason on the latter the fonts are shifting a little bit out of position when you compare the two.

Any idea why?
SWB-ConsultingAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
The slight difference is likely to be down to the different ways you load the Open Sans font - on the first site you are loading the font from the Google API with a link in the HEAD of your document.

In the second site, you are loading the font using a font-face declaration in your CSS.

Try matching the methods that your fonts are called one way or the other. The Google link will take care of cross-broser issues so is probably easier
0
COBOLdinosaurCommented:
on the .com version it is inheriting from the body this:
text-rendering: optimizelegibility;

You cannot expect the rendering of elements to be exactly the same unless the styling is exactly the same.

The best reference for text-rendering is:
https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering


Cd&
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Dave BaldwinFixer of ProblemsCommented:
The layout isn't the same either.  The 'newer' version has a lot more nested elements.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.