网页外链字体不同浏览器之间的区别

Question

直接上正文：

网页用@font-face 加载外链字体包

如下图：

    @font-face {
        font-family: Circular;
        font-style: normal;
        font-weight: 700;
        src: url(........circular-bold.woff2) format("woff2"),
        url(.........circular-bold.woff) format("woff")
    }
    

应用出引用 font-family : Circular

浏览器验证字体样式

1. chrome 正常引用

1. safari 未引用

1. firefox 未引用

但是各个浏览器字体样式都是相同， 怀疑：safari 和 firefox内置了此字体，求解惑...

另外为了验证此现象，我把woff2字体包下载到了本地，在另外一个项目中引用发现如下现象：

1. chrome 成功下载字体

1. safari 也成功下载此字体包，但是 字体样式变了

求解惑...

Answer 1

问题2 已解决

在生产环境中 服务器端未将woff2字体放入白名单中，造成在 字体文件虽然请求到， 但是返回结果为 200状态，msg: the request path not found

chorme 和 firefox 在未找到此字体文件时，引用了浏览器默认字体，最坑的时safari 竟然下载另外一种字体 也就是上图中带有彩色横条 轮廓明显的 S 字体包