Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Fallback font choice based on different resolution in Chrome for Android Re: Fallback font choice based on different resolution in Chrome for Android

#115983

@chrisburton, no. That is caused by the same issue. Look at the header that says “Grand Opening!” and “January 2013”. Notice how in the landscape picture, it’s a nice, script font. Then in the portrait picture, it’s a very general sans font. These fonts are set in em’s, hence why the header is much bigger (proportionally) in the portrait picture. I think this somehow causes the font to fallback, but I’m not sure why..

The first letter issue is borne out of the same problem (I think). The styling on the list items is such that I use the :first-letter pseudo-element, and set the font size to 1.5em. In portrait, this doesn’t render correctly, and renders smaller than the neighboring text (which is also sized in em’s).