@font-face {
font-family: 'Arial Unicode MS';
src: 
url('font1.woff') format('woff'),
url('font1.ttf') format('truetype');
}
.f1{
font-family:'Arial Unicode MS';
line-height:1em;
}
@font-face {
font-family: 'Arial Bold';
src: 
url('font2.woff') format('woff'),
url('font2.ttf') format('truetype');
font-weight:bold;
}
.f2{
font-family:'Arial Bold';
line-height:1em;
font-weight:bold;
}
@font-face {
font-family: 'Arial';
src: 
url('font3.woff') format('woff'),
url('font3.ttf') format('truetype');
}
.f3{
font-family:'Arial';
line-height:1em;
}
@font-face {
font-family: 'Wingdings';
src: 
local('Wingdings'),
url('font4.woff') format('woff');
}
.f4{
font-family:'Wingdings';
line-height:1em;
}
@font-face {
font-family: 'Arial Italic';
src: 
url('font5.woff') format('woff'),
url('font5.ttf') format('truetype');
font-style:italic;
}
.f5{
font-family:'Arial Italic';
line-height:1em;
font-style:italic;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'Wingdings';
src: url('font4.svg') format('svg')
}
}