Jump to content

flip specific letter


bravo14

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!

 

 

<html>
<head>
<style>
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;

}
</style>
</head>
<body>
<p> H<span>e</span>llo World</p>
</body>
</html>

Link to comment
Share on other sites

Archived

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.