Раскраска шрифта. Объединение символов без отделения от базового глифа. ⇐ CSS

[Anonymous]

Я пытаюсь создать небольшую систему, которая бы выделяла сочетание символов, отличающихся по цвету от обычных символов. Возьмем следующий пример:

* {font-size: 72px } б { шрифт-вес: нормальный; цвет: красный Тест́st A̴ Б͓ Тест́st A̴ B͓

Я бы хотел, чтобы три комбинируемых символа (акцент, наложение тильды и x ниже) были окрашены в красный цвет шрифта, но оставались точно там, где они были в исходном тексте (а не деконкатенировались в сторону). . Проблема в том, что когда я заключаю объединяющий символ в элемент HTML, он больше не «прикрепляется» к базовому символу, а встраивается в остальной текст.

Есть ли способ добиться этого с помощью HTML/CSS?

Примечание. Я просмотрел ответы здесь и здесь, но все они, похоже, решают проблему только «геометрически», то есть выделяют часть персонажа в определенной области. Этот вопрос конкретно посвящен выделению «типографических» аспектов объединения символов.