问题
- 同一个 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>
Select Language