Alternate color dot over the letter i

Question

I\'ve been challenged with this rather silly idea.

So can I replace all \"i\" occurrences with Blabla[span class=superI]i[/span]rest : )

My i

Answer 1

Another solution http://jsbin.com/urOtixog/1/edit

This font-size can be changed.

@Fiskolin It is possible ... and quite easy.

this

CSS

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