问题

同一个 html 文件，在本地查看字体正确。
上传到阿里云查看也正确。
上传到腾讯云 COS 查看不正确。
查看腾讯云的源文件，未被改动。

范例

手机 safari 访问，chrome 也有同样问题。
左侧为访问本地页面，右侧为访问腾讯云页面。
serif 和 mono 字体不同。
仔细看 sans-serif 在大磅数的差异，疑似也是不同字体。
serif / sans-serif / mono 在 500 左右字重明显不同。

求问：为什么腾讯云能改变字体显示？

这个问题我百思不得其解啊，不论是手机 safari，还是电脑 chrome，都有这个问题。
而且浏览器得到的源文件一摸一样，这是咋回事啊？

测试源文件

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-control" content="no-cache" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1" />
    <title>qcloud font test</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
</head>

<body>
    <div id="host"></div>
    <hr>
</body>
<script type="text/javascript">
ff = ["serif", "sans-serif", "cursive", "fantasy", "monospace"]
text = '字体测试 Font Test'
for (var i in ff) {
    for (var fw = 100; fw <= 900; fw += 100) {
        console.log(ff[i], fw)
        $('body').append('<div style="font:' + fw + ' 12pt/1.5 ' + ff[i] + '">' +
            text + ' [' + fw + ' ' + ff[i] + ']' + '</div>')
    }
    $('body').append('<hr>')
}
$('#host').html(window.location.host)
</script>

</html>

JCZ2MkKb5S8ZX9pq

2018-10-09 21:00:29 +08:00

@y10210118 你是访问了我那个测试页嘛？
能再麻烦你试一下 chrome 隐身模式不带插件嘛，或者手机端。
我刚在 mac 的 chrome 和 safari 都开隐身模式看了，我这边是能再现的。
两台电脑，两台手机，连 win7 虚拟机都再现了。
我这边只有 firefox 是无法再现的，可能是浏览器强制了字体。
工单和论坛都提了，无解呀。

腾讯云 COS - 诡异的字体问题 [困扰已久]

问题

范例

求问：为什么腾讯云能改变字体显示？

测试源文件