/* get fonts from: http://www.fontsquirrel.com/ */
@font-face {
font-family: 'Bloody Normal';
/* IE */
src: url('fonts/BLOODY.eot');
/* for other Browser you can define multiple formats but usually truetype alone is enough */
src: local('Bloody Normal'), local('Bloody'),
url('fonts/BLOODY.woff') format('woff'),
url('fonts/BLOODY.svg#Bloody') format('svg'),
url('fonts/BLOODY.TTF') format('truetype');
}
@font-face {
font-family: 'Droid Sans Regular';
src: url('fonts/DroidSans.eot');
src: local('Droid Sans Regular'), url('fonts/DroidSans.ttf') format('truetype');
}
h1 { font-family: 'Bloody Normal'; }
/* the second paragraph has some inline style */
<p style="font-family: 'Droid Sans Regular';">
Ut enim urna, vulputate non auctor tempus, interdum nec augue. Quisque non feugiat nibh. Phasellus viverra, nibh nec euismod blandit, tortor ligula venenatis tellus, sed suscipit erat erat et nisi. Duis vitae mi justo, eget pretium mauris. Fusce eleifend metus sed tortor accumsan consectetur. Suspendisse potenti. Sed eros erat, aliquet eu dignissim id, facilisis sit amet leo. Nunc ultricies turpis sit amet felis luctus pellentesque. Suspendisse potenti. Morbi viverra faucibus velit, non dignissim velit faucibus et. Nulla at ligula eu lacus tempor hendrerit eget a enim. Pellentesque at nunc dui. Donec mauris purus, elementum et iaculis non, molestie ut tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus nec orci nunc, sed ornare urna. Duis pulvinar, est sodales vestibulum laoreet, arcu erat aliquam justo, a viverra erat eros et velit. Morbi sagittis, metus in cursus gravida, orci diam porttitor nulla, et tempor dolor enim vel dolor. Nullam et turpis est. Curabitur molestie cursus placerat.
sit amet euismod dui lectus a magna. Proin at libero ut tellus malesuada congue et et est. In felis enim, feugiat a adipiscing a, varius lobortis erat. Mauris elementum euismod nisl, nec lobortis velit rhoncus sit amet. Sed semper nunc ultricies enim condimentum fermentum. Vivamus hendrerit, massa eget volutpat congue, mi lorem sagittis mi, non aliquam tellus tortor a dolor. Sed convallis fringilla pellentesque. Etiam turpis magna, accumsan a auctor sit amet, elementum non orci. Vivamus sed sapien massa. Vivamus vitae diam in libero commodo malesuada. Aliquam velit felis, adipiscing a mollis ac, ultrices in metus. Nulla ac erat nisl, interdum placerat urna. Sed vel lacus vel erat ultricies consequat id in ipsum. Quisque ut ligula ac felis pharetra ullamcorper.