Кодировка специальных символов - PullRequest
0 голосов
/ 31 августа 2018

Настройка моего проекта основана на Angular, сгенерированном из CLI, и у меня возникают проблемы с отображением локальных немецких символов.

Мой meta в index.html:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Мой редактор VS Code настроен на сохранение файлов в UTF-8:

"[html]": {
  "editor.detectIndentation": true,
  "editor.insertSpaces": false,
  "files.encoding": "utf8",

  },
"[typescript]": {
  "files.encoding": "utf8",
},
"files.encoding": "utf8",

Мои заголовки запроса документа:

GET /home?schedule=2 HTTP/1.1
Host: localhost:4200
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Referer: http://localhost:4200/home?schedule=2
Accept-Encoding: gzip, deflate, br
Accept-Language: pl-PL,pl;q=0.9,en-US;q=0.8,en;q=0.7
Cookie: utilityType=HEAT

И соответствующие заголовки ответа:

HTTP/1.1 200 OK
X-Powered-By: Express
Access-Control-Allow-Origin: *
Accept-Ranges: bytes
Content-Type: text/html; charset=UTF-8
Content-Length: 898
ETag: W/"382-xsHtQLNHNB+FVVszGe2IsoXNXEI"
Date: Fri, 31 Aug 2018 09:05:10 GMT
Connection: keep-alive

Я использую Google Fonts Open Sans с набором latin-extended:

<link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin-ext" rel="stylesheet">

Все результаты вывода по-прежнему выглядят так:

enter image description here

У меня заканчиваются идеи, что еще может повлиять на это?

1 Ответ

0 голосов
/ 31 августа 2018

Хорошо, как уже упоминалось @ n.m. Проблема заключалась в том, что файлы локализации создавались внешней командой переводчиков, которая сохраняла все текстовые каналы в формате ANSI, а не в кодировке UTF-8. Преобразование файлов из ANSI в UTF решило проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...