<style type="text/css">
@font-face {
font-family: 'Lobster';
src: url('fonts/Lobster/Lobster.eot');
src: url('fonts/Lobster/Lobster.eot?iefix') format('eot'),
url('fonts/Lobster/Lobster.woff') format('woff'),
url('fonts/Lobster/Lobster.ttf') format('truetype'),
url('fonts/Lobster/Lobster.svg#font') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lobster1';
src: url('fonts/webfontkit-20110310-024103/Lobster.eot');
src: url('fonts/webfontkit-20110310-024103/Lobster.eot?iefix') format('eot'),
url('fonts/webfontkit-20110310-024103/Lobster.woff') format('woff'),
url('fonts/webfontkit-20110310-024103/Lobster.ttf') format('truetype'),
url('fonts/webfontkit-20110310-024103/Lobster.svg#font') format('svg');
font-weight: normal;
font-style: normal;
}
p.p1 {font-family: "Lobster";}
p.p2 {font-family: "Lobster1";}
</style>
</head>
<body>
<p class="p1">Это текст This text</p>
<p class="p2">Это текст This text</p>
</body>