Heading in example does not look like actual result

[Orbyt]

I was wondering why my <h*> tags look so much different than in the example page. Heres a screenie of the example: http://prntscr.com/bt1om7

And heres a blank file with a <h3> with only this library: http://prntscr.com/bt1o76

As far as I can tell inspecting both elements looks like they have the same css rules applied.

Why are they so different?

[Mrtenz]

You are using a different font, with a different size. Load Raleway with the following code and it should look the same:

<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">