A veces aunque le estamos especificando correctamente en las cabeceras la configuración de metaetiquetas del charset al documento el "servidor local" nos carga el extraño carácter �
la manera mas corta y correcta es:
<head>
<meta charset="utf-8">
</head>
Por descarte y si probaste a subir el código a la nube y en la nube te cargaba bien y en tu servidor local no, uno pensaría que se trata de un problema de configuración del servidor local tipo httpd.conf o .htaccess pero no, el problema esta en el modo en que estas guardando el archivo y su codificación, la solución es guardarlo así:
En notepad++:
(https://i.stack.imgur.com/KHSj7.png)
En Sublime Text:
(https://i.stack.imgur.com/z92bm.png)
Solución encontrada en:
http://asktoanswer.com/questions/alter-language-settings-for-php-application-wamp-server/
Probado sobre el servidor local http://www.uwamp.com/en/ a mi me gusta mucho uwamp.