font-face

by Roberto Apasajja

HTML

<div id="a">
    Vivamus fermentum neque sem, sit amet semper augue commodo et. Curabitur vitae purus tempus, pharetra metus id, sodales risus. Aliquam luctus sodales est ac sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus quis lacus aliquet, commodo dolor a, dapibus turpis. Duis scelerisque erat vitae erat fermentum, ac sollicitudin dolor consequat. Maecenas ultrices metus nulla, quis rutrum ante cursus et. Aenean interdum
</div>

<br><br>

<div id="b">
    Vivamus fermentum neque sem, sit amet semper augue commodo et. Curabitur vitae purus tempus, pharetra metus id, sodales risus. Aliquam luctus sodales est ac sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus quis lacus aliquet, commodo dolor a, dapibus turpis. Duis scelerisque erat vitae erat fermentum, ac sollicitudin dolor consequat. Maecenas ultrices metus nulla, quis rutrum ante cursus et. Aenean interdum
</div>

CSS

@font-face {
    font-family: proximanova-reg-webfont;
    src: url('http://www2.sfdcstatic.com/system/shared/common/assets/fonts/ProximaNova/proximanova-reg-webfont.woff');
}
@font-face {
    font-family: proximanova-sbold-webfont;
    src: url('http://www2.sfdcstatic.com/system/shared/common/assets/fonts/ProximaNova/proximanova-sbold-webfont.woff');
}

/********************************************/
html,body{
font-size:13px;
    color:#555
}

#a{
font-family: 'proximanova-reg-webfont';
font-size:13px;
}
#b{
font-family: 'proximanova-sbold-webfont';
font-size:13px;
}