Jump to content

flip specific letter


Recommended Posts

Does anybody know if there is a way of flipping a letter using css. The font I want to use has the letter s back to fron (childs handwriting) the font is called CrayonExtended, however the person I am designing the site for has said that the letters have to be the correct way way around as she is dyslexia trained etc

Link to comment
Share on other sites

  • 2 weeks later...

Hey mate


Don't know if you're still working on this and what follows is a hidiously impractical solution but this might point you in the right direction.


In this instance it hinges on you wrapping a span around the letter in question - which would probably mean you need to do some sort of str replace when you generate the document. Probably not worth it unless you only use the fonts sparingly - i.e. in a header.


Hope thi shelps a bit!



span  {
display: inline-block;
 -webkit-transform:rotateY(180deg) !important;
 -moz-transform:rotateY(180deg) !important;
 -o-transform:rotateY(180deg) !important;
 -ms-transform:rotateY(180deg) !important;
 unicode-bidi:bidi-override !important;
 direction:rtl !important;

<p> H<span>e</span>llo World</p>

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.