php - Browser fallback for vertically rotated text -


a designer has requested vertically rotated text such as:

h e l l o  w o r l d 

the text cannot unchangeable image might dynamically changed. page cannot depend upon javascript, , should render reasonably older browsers.

my first thought have php create image desired text, , html access image. little complicated, should possible.

i have since been told acceptable older browsers hide vertical rotated text.

what fallback older browser display vertically rotated text?

for newer browsers can use css:

.my-text {     /* prefix needed; see caniuse.com */     transform: rotate(90deg); } 

for older browsers may easiest hide it, if not essential understand page. if need text on page leaving normal text fine.

i suppose create images on server, question if worth time , effort. showing text normal text easier... long content there, how presented across browsers not important.

if @ caniuse.com transform supported. ie 8, , opera mini, not support them.

opera mini mobile browser not make sense show text vertically anyway, , 2% of world use ie8, in asian countries if not mistaken. if me happy 2% seeing horizontal text; not end of world.


Comments