html - 我添加的 font-face 字体在 ie 中不显示

标签 html css

我的字体有一个奇怪的问题,我在我的 css 代码中使用了 font-face
此字体在我的 ie 浏览器中正常工作,但我的头栏
enter image description here

但是当我将字体更改为英文时,一切正常,如下所示

enter image description here
正如我所说,字体在我网站的其他部分可以正常工作
我的CSS代码在下面

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;

我已经更改了许多与字体相关的设置,例如 font-weight font-size 等,但没有任何改变

@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"); 
}

最佳答案

我刚刚设置了 display:inline-block 并且一切都变成了圆形......!

关于html - 我添加的 font-face 字体在 ie 中不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37839586/

相关文章:

html - 如何在数据表中的搜索框行下方设置一个 div?

html - 隐藏滚动条,但仍然可以滚动

html - 下拉菜单不出现

html - 打印可滚动 div 的内容

javascript - 提交之间不能清空数组

html - 在 CSS3 中使用 vw 在 DIV 中安装 img

html - 将 .PDF 文件插入 HTML 页面的替代方法

html - 悬停时不会显示文字

html - 在这种情况下,如何将多行文本居中放置在图像上?

html - 无法让 div 粘在位置为 : absolute 的另一个 div 的底部