In Firefox and Safari, the text is not displaying as I designed it in Edge. In our project, we need to put text "inside" (actually over) a colored box. When I view the published HTML file, it appears that IE and Firefox change the width of the textbox and cause the text to spill over outside the colored box (image - Firefox and IE10, on the right). This does not happen in Chrome or Safari (image - Chrome and Safari, on the left). I've tested this in a symbol (the blue box) and on the main timeline (the gray box).
Has anyone encountered this before and know how to fix it? I'd really appreciate your help!
After doing a little more research, I think this may be due to the text rendering API used by IE. Apparently, they use Direct Write, while Chrome and Safari use GDI. Anyone found work-arounds for this, or particular fonts that display similarly in both api's?
try to expand your text div width a little like 10 pix see if this way makes it right
Zaxist - thanks for replying! Extending the div width didn't work, but I managed to sidestep the problem by using TypeKit to serve the font instead of Google.