'Gotham Book'字体家族在Safari浏览器和iPhone设备中不起作用 [英] 'Gotham Book' font-family not working in Safari browser and IPhone devices

查看:170
本文介绍了'Gotham Book'字体家族在Safari浏览器和iPhone设备中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在我的项目中,我需要使用Gotham Book字体家族,并且正在使用以下代码:

In my project I need to use Gotham Book font-family and I am using following code:

@font-face {
            font-family: 'Gotham Book';
            src: 
                url('assets/fonts/Gotham-Book.eot'),
                url('assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
                url('assets/fonts/Gotham-Book.woff2') format('woff2'),
                url('assets/fonts/Gotham-Book.woff') format('woff'),
                url('assets/fonts/Gotham-Book.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }

如果可以完美地在android设备和除Safari浏览器之外的其他浏览器中使用。
请提出我的代码有什么问题。

If perfectly works in android devices and other browsers except safari browser. Please suggest what is the wrong in my code.

是什么导致此问题?

I还尝试了Gotham Book svg导入,但对我没有用。

I also tried with Gotham Book svg import, but did not worked for me.

谢谢!

推荐答案

这是有效的解决方案
CSS:

This is the working Solution CSS :

  @font-face {
  font-family: "gotham";
  src: url('ff/Gotham-Book.woff') format('woff'),
       url('ff/Gotham-Book.woff2') format('woff2'),
       url('ff/Gotham-Book.ttf') format('truetype');
  font-weight: normal;
}

并且请通过从URl下面下载字体来替换现有字体:

and Please replace your existing font by downloading font from below URl:

https://drive.google。 com / open?id = 1pbdpXbPRCJC6Qi-QpNGt7WbLuwtwDRUW

谢谢

这篇关于'Gotham Book'字体家族在Safari浏览器和iPhone设备中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆