孟加拉语辅音是ক,খ,গ,ঘ,ঙ,চ,ছ,জ,ঝ,ঞ…10个Kar/元音(缩写)是া,ি,ী,ু,ূ,ৃ,ে,ৈ,ো和ৌ.
总而言之,我想给第一辅音涂上不同的 colored颜色 .但是Kars/元音也会变色.
预期yields
代码示例
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@100..900&display=swap');
p {
font-family: "Noto Serif Bengali", serif;
font-variation-settings: "wdth" 100;
}
mark {
color: red;
background: transparent;
}
<p>
<mark>ক</mark>াগজ<br/>
<mark>ঠ</mark>েলাগাড়ি<br/>
<mark>দ</mark>োয়েল<br/>
</p>
更新
我真的很喜欢S的百人pip .我从@etuardu‘S的答案中做了一个css唯一的解决方案.然而,正如@Peter Constable所提到的,它一直起作用,直到基辅音在簇中不变.当基辅音改变时,就像在গুরু,শুরু中一样,这个解决方案将不起作用.
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@100..900&display=swap');
p {
font-family: "Noto Serif Bengali", serif;
font-size: 24px;
}
span[data-mark] {
position: relative;
}
span[data-mark]::after {
content: attr(data-mark);
color: red;
position: absolute;
left: 0;
top: 0;
}
span[data-mark-offset]::after {
left: 0.39em;
}
<p>
<span data-mark="ক">কাগজ</span><br/>
<span data-mark="ঠ" data-mark-offset>ঠেলাগাড়ি</span><br/>
<span data-mark="দ" data-mark-offset>দোয়েল</span><br/>
<span data-mark="র">রূপ</span><br/>
<span data-mark="স">সুজন</span><br/>
<span data-mark="গ">গুরু</span><br/>
<span data-mark="শ">শুরু</span><br/>
</p>