Typekit Font Not Rendering Correctly In Landscape


Hi guys,

We’re using a Typekit font (Proxima Nova) on our page and the some of the fonts, particularly the header tags, are not rendering correctly when resizing the browser window. This is less of an issue on desktop (not many users are going to resize their browser to view a mobile view on a desktop…); however, this is more of an issue when viewing the page in mobile. The page loads just fine upon first view; however, once the user switches to landscape mode, the landscape view does not render correctly. This is resulting in a very poor user experience, especially when we are striving to be as 508 compliant as possible.

Below is a dummy page we created to reflect our actual landing page: