RE
3
Android Inbox App Font Size Issue
I haven't see many topics regarding the Android Inbox App.
I've been having an issue with the app overiding my font sizes even though I am using the Gmail App fix for font size increase. I also use CSS !important rule on font size and line heights and it still overrides. I'm thinking there must be some type parent font increase, possibly in percentage that's being applied. I have it working fine on iOS but Android doesn't seem to behave as I would like.
Has anyone experienced the same? Any solutions?
I'm really concern about this topic too, because I'm seeing many fonts changing in size (increasing and decreasing) apparently as random as possible in Gmail app and I'm not been able to find any solutions whatsoever.
Someone knows what's happening in the new versions of Gmail app, Android and iOS?
For the Gmail app, it does not detect selectors, so if your css is some like
table {
width: 600px;
}
then give your table a class like
.custom-table {
width: 600px;
}
This seemed to fix the Gmail app issue for me.
I know this is old, but I stumbled here first when I was having issues with Inbox on Android rendering my emails as wack stuff.
There was some enlargening of texts that made my emails look real nasty (only within Inbox (Android)). The final fix involved setting a
min-width: 480px;on the email's body element. That seemed to override similar robo-optimization attempts that Gmail employs. I will note thatline-heights weren't spared from the wonkiness in some places, but I found, ugh, relying on tables for centering/adjusting baselines largely worked well.Hope this helps any poor, suffering, html-emailing compatriots out there :)
I have come across this issue and simply cannot get anything to work.
Hi Ryan,
I had this problem and found the solution online.
Put just above the closing body tag.
I've been using the solution that Google uses but it doesn't work.
Hi! We're having the same issues. Not only is overriding the font style but it seems to be using the default font for Android (Roboto) and increasing by like 4px. Have you found something that works?
I have been designing extra "flexibility" in our layouts. I often use a large background image with HTML copy/buttons in front for non-transactional type emails. So, making the background images taller than the content helps when the copy expands in size when rendering in the Inbox App. This and Outlook are now my most problematic email clients but I do have a handle on it now. I would suggest modifying your template a bit to try and work with the rendering.
I'm not having font override issues on my Moto X Gen 2 and am using Open Sans for headlines with Google fonts and Verdana for body copy. I declare important rules for the font size and line height which Outlook doesn't like so I then define standard CSS rules in the head which makes Outlooks fonts render as defined. This technique initially worked with Gmail App to prevent the fonts from changing size and then I started using the fix in my earlier post.
Have a look at this link https://litmus.com/community/discussions/151-mystery-solved-dpi-scaling-in-outlook-2007-2013
Also with outlook try a conditional comment:
Google Inbox for Android is also driving us nuts with this! We are considering changing our font sizing to ems rather than pixels to correct for this, but would love to know if there is a better way!
I was pulling my hair out with this one as it's the only place on mobile that my emails were breaking. The change to ems seems to be the best way to deal with Google inbox