Странные символы появляются в Firefox на Mac и Explorer на Windows

Question

У меня очень странная проблема с одним из сайтов, которые я создал. Насколько я знаю, он отображается в Internet Explorer в Windows и Firefox на Mac, возможно, в других конфигурациях. Это касается шведских персонажей å ä ö.

На этой странице: http://www.h2.se/case/kyleffekt/ символы отображаются корректно. Однако на этой странице: http://www.h2.se/case/sun-flex/, это не так.

Скриншоты для справки:

• Первая страница (рабочий): http://i.imgur.com/JSbXKsC.png
• Вторая страница (пунктирная): http://i.imgur.com/TKsY9hT.png

Я использую Open Sans, расположенных на сервисе Google Fonts и Я также использую Omnes-Pro для заголовков через Typekit.

Страница создана в WordPress, не уверен, что это важно.

Неужели кто-нибудь сталкивался с этой проблемой раньше? Я видел, как он упоминается в нескольких местах в Интернете, но никто никогда не опубликовал решение или даже причину этого, казалось бы, странного сбоя. Я пробовал смотреть заголовки HTTP для страниц, но ничего не могу найти.

Самая странная часть всего этого заключается в том, что она работает на одной странице, но не в другом, и только в определенных браузерах.

Answer 1

Это потому, что в одном документе, у вас есть фактический ö характер, в то время как в другой у вас есть o, за которой следует последовательность Unicode для «положить умлаутом точек на предыдущий символ» - и не все браузер ручки, которые одинаково хорошо , (Я часто это вижу, когда содержимое копируется в документ HTML из разных источников - например, с помощью PDF-файлов на Mac, это происходит регулярно.)

Unicode equivalence будет ключевым словом здесь, соответственно. Нормализация Юникода, если вы собираетесь что-то делать с помощью вашей логики приложения. (Если вы просто хотите, чтобы эта работа работала над документом, о котором идет речь, вам, вероятно, будет лучше, просто перепечатав эти символы в вашем редакторе.)