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 Link to comment https://forums.phpfreaks.com/topic/273663-flip-specific-letter/ 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> Link to comment https://forums.phpfreaks.com/topic/273663-flip-specific-letter/#findComment-1410118 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. Link to comment https://forums.phpfreaks.com/topic/273663-flip-specific-letter/#findComment-1410119 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.