This is not a font issue but a matter of character encoding mismatch. The page is in fact UTF-8 encoded, which is fine, but the encoding is not declared anywhere—not in HTTP headers, not by using Byte Order Mark, not in a meta
tag. This forces browsers to guess, and they often guess wrong.
The fix is to declare the encoding in some way. The simplest (but not the most robust) way is to add the following right after the <head>
tag:
<meta charset=utf-8>
You do have font problems, but that’s a different issue: the font size is far too small, and the characters appear as more or less broken, because the font used just does not work in very small sizes. But this is completely different from the encoding problem.