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