当从JavaScript中的外部文本文件中读取时，如何正确显示国家标志（UTF-8）？

Question

如标题所示。我得到一个txt文件并将其转换为Web内容。问题是它没有显示变音符号，例如带有划线的o或带有点的z。 Charset设置为utf-8，语言为“pl”，通常没有任何问题。

    <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <button id="button">Display data</button>
    <div id="show">
    </div>
    <script>

    const data = [];
    const single = [];
    const button = document.querySelector("#button");
    const show = document.querySelector("#show");

    fetch('data.txt')
    .then(response => response.text())
    .then(text => data.push(text));

    function display() {
      const allOfThem = data[0].split("
"); 
      allOfThem.forEach((person) => {
        let newP = document.createElement("p");
        newP.innerhtml = "Person's data:  " + person;
        show.appendChild(newP);
      })
    }

    button.addEventListener("click", display);
    </script>
  </body>