0

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
enter image description here

but when i change font to english everything work correctly as you can see below

enter image description here
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"); 
}
Abolfazl
  • 1,592
  • 11
  • 32

1 Answers1

0

i just set display:inline-block and everything got rounded...!

Abolfazl
  • 1,592
  • 11
  • 32