I just stumbled upon this question about coloring diacritics . The task was to have colored diacritics in a different color than in the base text, for example, in árepresenting ain blue and ´red. I thought I could try separating the letter and the diacritic with Unicode, combining the labels, and applying a different color to the diacritic, putting around it span, for example:
<p>
p<span>̄ </span>
o<span>̄ </span>
m<span>̃ </span>
o<span>̃ </span>
d<span>̈ </span>
o<span>̈ </span>
r<span>̌ </span>
o<span>̌ </span>
</p>
Now, by defining simple CSS like this,
p { color:blue; }
span { color:red; }
I get the following, completely unexpected, but beautiful result:
? , , ōõöřǒ, , , p̄m̃d̈, , . (, , .) , , . - ? ( ) ? "" , , .
fiddle, .