HTML5技术

新字体引用本地运行可以获得,放到服务器上报404 - 小倔驴

字号+ 作者:H5之家 来源:H5之家 2017-11-14 11:04 我要评论( )

背景:做一个手机页面,运用到了一个新的字体(造字工房映力黑规体),ui给我一个otf格式的字体文件,本地通过一下方式引用 @font-face {font-family: '造字工房映力黑规体';src: url(@(Url.Content("~"))Assets/fonts/font-zzgf.otf);} 问题:本地运行没有

背景:做一个手机页面,运用到了一个新的字体(造字工房映力黑规体),ui给我一个otf格式的字体文件,本地通过一下方式引用

@font-face { font-family: '造字工房映力黑规体'; src: url(@(Url.Content("~"))Assets/fonts/font-zzgf.otf); }

问题:本地运行没有问题,字体可以正常显示,但是放到服务器上报404错误,一开始我以为是我路径有问题,对照了好几次,发现路径没有问题,命名也没有问题

解决办法:最后百度发现是iis默认不认识otf的文件

打开iis,找到部署的网站,点击MIME类型,点击右侧添加新的类型

 

 

 

最后点击确定刷新页面就可以了

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 解决html5 canvas 绘制字体、图片与图形模糊问题 - fyter

    解决html5 canvas 绘制字体、图片与图形模糊问题 - fyter

    2017-09-20 14:33

  • css3 text-shadow字体阴影讲解 - danran68

    css3 text-shadow字体阴影讲解 - danran68

    2016-10-25 15:00

  • H5页面快速搭建之高级字体应用实践 - 第八号当铺

    H5页面快速搭建之高级字体应用实践 - 第八号当铺

    2016-04-19 11:00

  • 使用360浏览器访问字体逆时针旋转90度的问题 - 哼哈恩恩

    使用360浏览器访问字体逆时针旋转90度的问题 - 哼哈恩恩

    2016-01-17 11:41

网友点评