Font face demo

HTML

<p style="text-align: center;">Font designer: <a href="http://www.cloutierfontes.ca/CloutierFontes/Bienvenue.html">Steve Cloutier / Cloutierfontes</a></p>
<p class="test">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies enim eget sem consequat ut placerat arcu malesuada. Pellentesque suscipit elementum leo, eget convallis risus ornare at. Vestibulum justo orci, sollicitudin eu malesuada ut, molestie vel orci. Quisque sollicitudin tincidunt semper. Morbi sit amet elit leo, vitae vestibulum magna. Ut eros felis, aliquet eu dapibus sed, ullamcorper sed nibh. Maecenas luctus metus eu mi dignissim sollicitudin. Maecenas viverra dapibus diam, sit amet tempor leo cursus sit amet. Aliquam malesuada ipsum et libero semper bibendum. Duis congue tincidunt elit, vel scelerisque sem sodales ac. Mauris ac ipsum nunc, in fermentum odio. Ut rhoncus justo non diam malesuada facilisis. Quisque blandit, tellus sed dapibus bibendum, arcu libero consectetur urna, eu dignissim nulla urna at urna. Aenean non dolor vitae neque lobortis eleifend at at neque. Cras sit amet faucibus sapien.</p>
<p>Quisque sit amet dui id nisi lobortis suscipit id id felis. Mauris non lacus eu nisl ultrices fringilla vel lacinia purus. Integer a posuere libero. Sed faucibus hendrerit nisi sit amet mattis. Aliquam erat volutpat. Curabitur volutpat lobortis ligula. Nulla euismod pellentesque adipiscing. Nulla orci purus, ullamcorper et bibendum id, vulputate ac risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin fringilla orci ac justo sollicitudin eget pellentesque ipsum consequat. Nam bibendum, urna sit amet consectetur placerat, magna risus imperdiet justo, at aliquet metus sapien id velit. Vivamus dapibus, tellus eget rhoncus fringilla, justo nunc elementum turpis, id aliquet ligula libero a libero.</p>
<p class="test">Phasellus vitae augue libero, non consequat dolor. Sed vitae tellus sit amet ipsum sollicitudin suscipit. In lacinia...

CSS

@font-face {
    font-family: 'ludger_duvernayregular';
    src: url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.eot');
    src: url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.eot?#iefix') format('embedded-opentype'),
         url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.woff') format('woff'),
         url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.ttf') format('truetype'),
         url('http://jfcoder.com/css/fonts/ludgerduvernay-fontsquirrel/ludgerduvernay.svg#ludger_duvernayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p.test {
    font-family: 'ludger_duvernayregular', Arial, serif;
    font-weight: 400;
    color: blue;
}
p {
    margin: 12px;
}
body {
    width: 800px;
    margin: 0 auto;
}