After carefully choosing a letter-spacing that enhances the readability of my webpage, I encountered an issue when Arial was used as a backup font for browsers that don't support embedded fonts. The letter-spacing got all messed up and caused overflow problems.
Is there a way in CSS or JS to set different letter-spacing values depending on the font-family being used? Essentially, I want to adjust the letter spacing based on whether the browser is using the first font choice or the second.
Any suggestions or solutions would be greatly appreciated. Thank you for your help!