Helvetica Neue font reference

by robertjd

HTML

<body>
    <a href="http://d.pr/i/1fBMy">screenshot of this on windows 8 IE10</a>
    <p>Hello Paragraph</p>
    <p class="light">Hello Light Paragraph</p>
    <p class="bold">Hello Bold Paragraph</p>
    <p class="weight-100">Hello 100 Paragraph</p>
    <p class="weight-200">Hello 200 Paragraph</p>
    <p class="weight-300">Hello 300 Paragraph</p>
    <p class="weight-400">Hello 400 Paragraph</p>
    <p class="weight-500">Hello 500 Paragraph</p>
    <p class="weight-600">Hello 600 Paragraph</p>
    <p class="weight-400">Hello 700 Paragraph</p>
    <p class="weight-500">Hello 800 Paragraph</p>
    <p class="weight-600">Hello 900 Paragraph</p>
    <p>Letter spacing</p>
    <p class="more-letter-spacing">can be</p>
    <p class="even-more-letter-spacing">whatever</p>
    <p class="extreme-letter-spacing">you want</p>
</body>

CSS

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.light{
    font-weight:lighter;
}
.bold{
    font-weight:bold;
}
.weight-100{
    font-weight: 100;
}
.weight-200{
    font-weight: 200;
}
.weight-300{
    font-weight: 300;
}
.weight-400{
    font-weight: 400;
}
.weight-500{
    font-weight: 500;
}
.weight-600{
    font-weight: 600;
}
.weight-700{
    font-weight: 700;
}
.weight-800{
    font-weight: 800;
}
.weight-900{
    font-weight: 900;
}
.more-letter-spacing{
    letter-spacing: 1px;
}
.even-more-letter-spacing{
    letter-spacing: 1em;
}
.extreme-letter-spacing{
    letter-spacing: 2em;
}