<div>
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.<br />
<br />
In the second site, you are loading the font using a font-face declaration in your CSS.<br />
<br />
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
</div>


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

<div>
The layout isn't the same either. &nbsp;The 'newer' version has a lot more nested elements.
</div>


The layout isn't the same either.  The 'newer' version has a lot more nested elements.

<div>
<div class="content wysiwyg-content">
On <a href="http://www.tracksauction.com" rel="ugc">http://www.tracksauction.com</a>&nbsp;there is text in the top right.<br />
<br />
I am trying to display that exact same text on <a href="http://tracksauction.auctionserver.net/" rel="ugc">http://tracksauction.auctionserver.net/</a><br />
<br />
For some reason on the latter the fonts are shifting a little bit out of position when you compare the two.<br />
<br />
Any idea why?
</div>
</div>


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?

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

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

A font is a particular size, weight and style of a typeface. Each font is a matched set of type, one piece (called a "sort") for each glyph, and a typeface consists of a range of fonts that share an overall design. With the advent of digital typography, font is frequently synonymous with typeface, although the two terms do not necessarily mean the same thing. In particular, the use of "vector" or "outline" fonts means that different sizes of a typeface can be dynamically generated from one design. Each style may still be in a separate "font file" -- for instance, the typeface "Futura" may include the fonts "Futura roman", "Futura italic", "Futura bold" and "Futura extended" —- but the term "font" might be applied either to one of these alone or to the whole typeface.