, но отображается в браузере в виде плиток
Другими словами, шрифт, используемый браузером, не поддерживает эти символы. С кодировкой все в порядке, иначе вы бы увидели Mojibake , что-то вроде اÙÙÙÙØ© или даже вопросительные знаки, как в ??????.
Вам необходимо изменить шрифт по умолчанию, используемый вашим сайтом, на другой, который лучше всего поддерживает эти символы на всех клиентских платформах. Например, Arial или просто Sans-Serif. Вы можете сделать это в таблице стилей CSS по умолчанию.
body {
font-family: Arial, Sans-Serif;
}