FireFox和Chrome单项目CSS样式表无法加载且显示乱码求助

新项目中FireFox、Chrome均无法加载外部CSS样式表，但所有旧项目运行正常。

HTML文件中链接样式表的代码如下：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="library1.css">
    <title>Library</title>
</head>

FireFox样式编辑器中显示的CSS内容为无意义乱码，完整乱码文本：

library1.css (0 rules)
line1:
Ⱚ਍㨪戺晥牯ⱥ਍㨪愺瑦牥ൻ †戠硯猭穩湩㩧戠牯敤⵲潢㭸਍ൽഊ⨊ൻ †洠牡楧㩮〠഻ †瀠摡楤杮›㬰਍ൽഊ⸊癥牥瑹楨杮ൻ †眠摩桴›〱瘰㭷਍††敨杩瑨›〱瘰㭨਍਍††楤灳慬㩹朠楲㭤਍††牧摩琭浥汰瑡ⵥ潣畬湭㩳爠灥慥⡴〱‬昱⥲഻ †朠楲ⵤ整灭慬整爭睯㩳爠灥慥⡴〱‬昱⥲഻紊਍਍栮慥筤਍਍††牧摩挭汯浵㩮ㄠ⼠ⴠ㬱਍††牧摩爭睯›‱ 㬲਍††整瑸愭楬湧›散瑮牥഻ †⼠‪慢正牧畯摮挭汯牯›汢捡㭫⨠യ紊਍਍献摩湥癡ൻ †⼠‪楤灳慬㩹渠湯㭥⨠യ †搠獩汰祡›汦硥഻ †映敬⵸楤敲瑣潩㩮挠汯浵㭮਍††牧摩挭汯浵㩮ㄠ⼠㈠഻ †朠楲ⵤ潲㩷㈠⼠ⴠ㬱਍ൽഊ⼊‪渮睥潂歯潆浲ൻ †ഠ紊⨠യഊ⸊慭湩ൻ †朠楲ⵤ潣畬湭›‵ ㄭ഻ †朠楲ⵤ潲㩷㈠⼠ⴠ㬱਍਍††楤灳慬㩹朠楲㭤਍††牧摩琭浥汰瑡ⵥ潣畬湭㩳爠灥慥⡴〱‬昱⥲഻ †朠楲ⵤ整灭慬整爭睯㩳爠灥慥⡴〱‬昱⥲഻紊਍਍愮摤潂歯ൻ †朠楲ⵤ潣畬湭›‱ ㄭ഻ †朠楲ⵤ潲㩷ㄠ⼠㈠഻紊਍਍戮潯獫ൻ †朠楲ⵤ潣畬湭›‱ ㄭ഻ †朠楲ⵤ潲㩷㈠⼠ⴠ㬱਍

已做排查：

• CSS文件代码确认正确，即使清空内容仅保留*{margin:0;}仍无法加载
• 将CSS代码复制到浏览器样式编辑器新建样式表可正常生效，仅外部链接方式失效
• 对比旧项目未发现HTML声明差异
• 已重启电脑、浏览器，清除缓存和Cookie
• 确认文件路径正确：CSS、HTML、JS在同一文件夹，外部JS可正常加载

请问是否有其他人遇到过相同问题？

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