@font-face使用无效

最近需要实现一个select选择框控制字体类型的功能,在css中声明了@font-face,路径也指向正确如下:

clipboard.png

dahao.de是我本地nginx配置的域名,浏览器输入路径可以下载

clipboard.png
clipboard.png

可是在项目中,动态修改font-family虽然已经实现了,字体变化的效果却没有产生:

clipboard.png

这个dom结构对应的文字却没有变化

clipboard.png

实际上的效果就不贴出来了,肯定不是这样: (,然后我在开发者工具中寻找所请求的资源,也没有找到字体。

clipboard.png

思考了很久也没有想到可能的原因。各位能否给出一些经验或者思考方向?感激不尽!

--------------------------------------------分割线-----------------------------------------
在其他浏览器上测试了一下,除了qq浏览器以外的浏览器都可以正常改变字体。。。。

阅读 17.8k
3 个回答

我今天碰到了同样但问题,不确定和你但是否一样,问题原因是:
字体分为声明和使用两部分,只做字体声明,但没有在样式里使用,这个请求就不会发。
在你但问题样式里加上字体指定,这个字体就会加载?
font-family: "fangzhenglanting";

浏览器支持的字体格式不一样,试试用ttf

楼上已经说过了。我直接上代码image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题