@font-face {  
  font-family: 'DroidSansRegular';  
  src: url('font/droidsans-webfont.eot'); /* IE9 Compat Modes */  
  src: url('font/droidsans-webfont.woff2') format('woff2'), /* Super Modern Browsers */  
url('font/droidsans-webfont.woff') format('woff'), /* Pretty Modern Browsers */  
url('font/droidsans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */  
url('font/droidsans-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
font-weight: normal;
font-style: normal; 
}
@font-face {  
  font-family: 'DroidSansBold';  
  src: url('font/droidsans-bold-webfont.eot'); /* IE9 Compat Modes */  
  src: url('font/droidsans-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */  
url('font/droidsans-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */  
url('font/droidsans-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */  
url('font/droidsans-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
font-weight: normal;
font-style: normal;
}
@font-face {  
  font-family: 'DroidSerifRegular';  
  src: url('font/droidserif.eot'); /* IE9 Compat Modes */  
  src: url('font/droidserif.woff2') format('woff2'), /* Super Modern Browsers */  
url('font/droidserif.woff') format('woff'), /* Pretty Modern Browsers */  
url('font/droidserif.ttf') format('truetype'), /* Safari, Android, iOS */  
url('font/droidserif.svg#svgFontName') format('svg'); /* Legacy iOS */ 
font-weight: normal;
font-style: normal; 
}
@font-face {  
  font-family: 'DroidSerifBold';  
  src: url('font/droidserif-bold.eot'); /* IE9 Compat Modes */  
  src: url('font/droidserif-bold.woff2') format('woff2'), /* Super Modern Browsers */  
url('font/droidserif-bold.woff') format('woff'), /* Pretty Modern Browsers */  
url('font/droidserif-bold.ttf') format('truetype'), /* Safari, Android, iOS */  
url('font/droidserif-bold.svg#svgFontName') format('svg'); /* Legacy iOS */ 
font-weight: normal;
font-style: normal;
}