Cloudflare托管网站PDF浏览器打开乱码，下载后正常的问题求助

我在Cloudflare上托管了一个基础HTML网站，点击页面中的PDF链接时，Firefox和Chrome浏览器会显示乱码，Safari则直接下载文件；但下载后打开PDF一切正常。

对应的HTML元素代码：

<li><a href="resources/two_logiclabs-flyer-vels-academy.pdf" target="_blank" class="button">Flyer</a></li>

已尝试的解决方案 #

• 给a标签添加type="application/pdf"属性
• 移除HTML文件中所有警告并部署测试站点
• 移除a标签的target="_blank"属性
• 查看浏览器控制台，仅发现“unrecognized content-security-policy directive "require-trusted-types-for"”的警告，推测该警告不影响当前问题

补充：临时解决方法 #

我添加了一个_headers文件，内容如下，问题似乎得到解决：

https://test.logic-labs.pages.dev/resources/himalaya_CV.pdf
    Content-Type: application/pdf
    Accept: application/pdf
    Referrer-Policy: origin
    X-Frame-Options: SAMEORIGIN
    Content-Disposition: inline

请求协助 #

恳请协助排查问题的根本原因，或指引相关技术资源。

内容的提问来源于stack exchange，提问作者Himalaya Senapati