Дополнительное пространство между специальными символами ç и a в Força

Question

У меня проблема в том, что я нигде не могу найти решение.

Ниже приведен код моего CSS

label[for="username"]::after {
  content: 'Se você é da Força de Vendas, digite seu CPF.';
}

Когда браузер отображает мои CSS, изменения кода, и у меня есть этот результат ниже:

label[for="username"]::after {
  content: 'Se voc\EA \E9 da For\E7 a de Vendas, digite seu CPF.';
}

Изменение выше отображает это в моем браузере:

Se você é do Forç a de Vendas, digite seu CPF.

Любые идеи, как я могу решить эту проблему

Answer 1

Здесь:

label[for="username"]::after {
  content: 'Se voc\0000EA  \0000E9  da For\0000E7 a de Vendas, digite seu CPF.';
}

Обычно это работает в HTML так, как вы пытались. но в CSS он должен быть в кодировке UTF-16 или UTF-32, так как префиксы & или \ не отображаются в CSS content

Вот несколько ссылок:

http://www.fileformat.info/info/unicode/char/e9/index.htm

https://www.w3.org/International/questions/qa-escapes

Answer 2

После долгого обсуждения того, как решить эту проблему, я нашел одно решение:

Удалите текст из CSS и запишите его в HTML. Я не знаю, что мотивирует эту проблему, но если у вас такая же ситуация с текстом акцентуации в CSS, удалите его и сделайте это в HTML.

Вы будете тратить меньше времени и больше времени делать другие вещи.

Итак, все.