bravo14 Posted January 26, 2013 Share Posted January 26, 2013 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 Quote Link to comment Share on other sites More sharing options...
Drongo_III Posted February 4, 2013 Share Posted February 4, 2013 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> Quote Link to comment Share on other sites More sharing options...
Christian F. Posted February 4, 2013 Share Posted February 4, 2013 If I were you, I'd look into either modifying the font or finding an equivalent font without the flipped S. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.