I've created a text hotspot as follows:
<hotspot name="store-room"
type="text"
ath="270" atv="-15" edge="center"
distorted="false"
renderer="css3d"
html="Store Room[br] [br]Code C1234X"
css="font-family:Tahoma; font-size:17px; color:#0000ff;"
vcenter="false"
padding="2"
wordwrap="true"
selectable="false"
bg="true"
bgcolor="0xFFFFFF"
bgalpha="1.0"
bgborder="0"
bgroundedge="0"
bgshadow=""
txtshadow=""
mergedalpha="true"
oversampling="2.0"
mipmapping="false"
onautosized=""
onclick="loadscene(pano9,null,merge);set(view.hlookat,0)"
/>
It displays fine on PC/laptop with chrome, edge and firefox, but on ipad/iphone the text formatting is lost. I don't want to create png/jpg's for the hotspots as I need to transfer text to/from a database to update the displayed text. I have attached two screen shots showing the problem.
I tried changing the rendering from webgl to css3d but it makes no difference.
Help and advice most appreciated, also is there a way to change the properties of the 'box' for example curved corners?
cheers Tim