I have a weird problem with my font,i have used font-face in my css
code
this font work correctly in my ie browser bu my head bar
but when i change font to english everything work correctly as you can see below
as i said that font work correctly in other part of my website
my css code is below
margin-right:15px;
color:white;
background-color:#75b925;
border:1px solid #649a24;
background-image:-moz-linear-gradient(-180deg, #83CD2B 0%, #7EC826 100%);
background-image:-o-linear-gradient(-180deg, #83CD2B 0%, #7EC826 100%);
background-image:-webkit-linear-gradient(-180deg, #83CD2B 0%, #7EC826 100%);
box-shadow: -1px 2px 4px 0px rgba(0,0,0,0.16),inset 0px -2px 7px 0px rgba(0,0,0,0.1),inset 0px 2px 0px 0px rgba(255,255,255,0.3);
text-shadow:0px 1px 2px rgba(0,0,0,0.24);
-moz-transition:box-shadow 0.3s;
-o-transition:box-shadow 0.3s;
font-family:fanwood,tabassom;
-webkit--transition:box-shadow 0.3s;
-webkit-text-shadow:0px 1px 2px rgba(0,0,0,0.24);
padding:6px;
font-size:17px;
border-radius:10px;
i have changed many font related settings like font-weight
font-size
etc but nothing changed
@font-face{
font-family:"tabassom";
src:url("/fonts/farsi/BTabassom.eot?#") format("eot"),
url("/fonts/farsi/BTabassom.woff") format("woff"),
url("/fonts/farsi/BTabassom.ttf") format("truetype");
}