Problemas com a acentuação

Bom a dia a todos.
Eu fiz uma pequena animação em Javasacript para o meu site.
Essa animação consiste, basicamente, em uma caixa (iFrame) que contem uma imagem ao fundo e um texto na frente.

O meu problema é que esse texto está com erro nas letras acentuadas.

No lugar das letras com acento, está aparece um ponto de interrogação dentro de um losango.

Eu já coloquei no cabeçalho da página:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
E faço a chamada do script da seguinte maneira:

<script type="text/javascript" src="../js/script.js" charset="utf-8"></script>
Mas ainda assim está dando erro.

Alguém aqui saberia como me ajuda com esse problema?