css - 字母 i 上的替代色点

Question

我一直被这个相当愚蠢的想法所挑战。

所以我可以用 Blabla[span class=superI]i[/span]rest 替换所有出现的“i”:)

我的想法是在真正的 i“后面”添加一个额外的(红色)i，并剪掉真正的 i 的顶部。

这可能吗？

Answer 1

另一种解决方案 http://jsbin.com/urOtixog/1/edit

这个字体大小可以改变。

@Fiskolin 有可能……而且很容易。

<p>th<span class="i">i</span>s</p>

CSS

p {
  font-size: 165px;
}
.i {  
  color: red;
  position: relative;
}
.i:before {
  content: "ı";
  position: absolute; 
  color: black;
}