当前位置: 代码迷 >> 综合 >> @font-face引入.ttf字体文件,在ie9,ie10无效
  详细解决方案

@font-face引入.ttf字体文件,在ie9,ie10无效

热度:55   发布时间:2024-03-09 15:40:34.0

最主要的原因就是IE只支持微软自有的EOT格式字体,所以TTF格式需首先转换一下字体

先登录这个网站把ttf转换一下,字体格式转换器 - 工具 - 字客网

css样式表如下:

@font-face{     font-family:"Swis721";src:url('/Content/Font/SWZ721BR.ttf'),url('/Content/Font/SWZ721BR.eot'); --IE专用}

注意路径自己调整,字体格式,eot、svg、woff、ttf都要保留,去适应大部分的浏览器。

  相关解决方案