Twenty Twelve font size changes/inconsistencies on mobile devices.
-
First time poster here, so apologies if I didn’t do enough (but I looked hard believe me) to find the answer to this question: I recently completed a blog/portfolio using Twenty Twelve theme which touts itself as “mobile ready.” Unfortunately, when I view the site on my Android (and others who are on iPhone/iPad back me up) just about every other paragraph features inconsistent font sizes. That is, first paragraph may feature the right size, then the second one features a much smaller, nearly unreadable font size, then the third one might be a size even larger than the first paragraph’s. Is there a fix for this. Thanks!
The blog I need help with is: (visible only to logged in users)
-
What you described sounds like you modified the font sizes on a per paragraph basis when editing the content of the pages themselves. I checked http://tborgman57.wordpress.com/ on an iPhone and saw that it is currently set to the About page, and I when I look at the page source code, I can see the following HTML:
<span style="line-height: 1.714285714; font-size: 1rem;">Welcome to my online portfolio where I hope to provide more personal and professional context about me.</span>I think that “span” tag is what’s causing the font to look bigger on a phone relative to the other text. You can remove it by editing the HTML in your post and removing that tag. See http://en.support.wordpress.com/editors/#text-editor
-
Thank you for this…that IS what I did and this WAS the problem. Forgot I even sent this but happy to finally get to the bottom of it. Have a great day.
-
- The topic ‘Twenty Twelve font size changes/inconsistencies on mobile devices.’ is closed to new replies.
WordPress.com Forums 