how to add a font in aspx page (css)

Question

i have to add a regional language content on the site but the output shows as

²æà PÀApÃgÀªÀ ¸ÀÄÖrAiÉÆà ¤AiÀÄ«ÄvÀ,

where as i have imported the font in the css like this

@font-face {font-family: 'CoreIconsRegular';
src: url('fonts/coreicons-webfont.eot');
src: url('fonts/coreicons-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/coreicons-webfont.woff') format('woff'),
     url('fonts/coreicons-webfont.ttf') format('truetype'),
     url('fonts/coreicons-webfont.svg#coreiconsregular') format('svg');
     font-family: "akshar";  
src: url(/akshar.eot); /* IE */  
src: local("The Real Font Name"), 
     url(/akshar.ttf) format("truetype"); /* non-IE */  
font-weight: normal;
font-style: normal;

}
* {
font-family: "akshar", Arial, Helvetica, sans-serif;
font-weight:400;
}

please help???

Answer 1

You have the Declaration syntax error in your CSS. Update your CSS like below.

@font-face {
  font-family: 'CoreIconsRegular';
  src: url('fonts/coreicons-webfont.eot');
  src: url('fonts/coreicons-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/coreicons-webfont.woff') format('woff'),
       url('fonts/coreicons-webfont.ttf') format('truetype'),
       url('fonts/coreicons-webfont.svg#coreiconsregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {    
  font-family: "akshar";  
  src: url(/akshar.eot); /* IE */  
  src: local("The Real Font Name"), 
       url(/akshar.ttf) format("truetype"); /* non-IE */  
  font-weight: normal;
  font-style: normal;
}