framework7 icon indicating copy to clipboard operation
framework7 copied to clipboard

[Bug] Respect font scaling

Open Vorror opened this issue 7 years ago • 2 comments

This is a (multiple allowed):

  • [x] bug
  • [ ] enhancement
  • [ ] feature-discussion (RFC)

Actual Behavior

Framework7 does not currently respect the iOS font scaling.

iOS with default font scaling

img_1220 img_1217 img_1218 img_1219

iOS with large font scaling(not working)

img_1221 img_1222 img_1223

Expected Behavior

Respect os font scaling

Background

We have a lot of users who don't use the default iOS font scaling. Here's some tech info in regards to supporting scalable fonts: http://www.interactiveaccessibility.com/blog/text-resizing-web-pages-ios-using-dynamic-type

I can confirm using their test page (http://ia11y.github.io/Coding-Patterns/iOS/text-resizing/resizable-vs-non-resizable-font-ios.html) that the font does scale on iOS devices.

Basically this would require a switch to em font sizes. I see there's a v3 of framework7 in the works, maybe this could be a feature for that version?

Vorror avatar Jun 21 '18 19:06 Vorror

For the most part F7 could simply convert px -> em css:font-size's using a less mixin. Although any parent elements that have hard coded widths/heights would need to be fixed by doing something reasonable(truncating text, line-breaking, etc)

Vorror avatar Jun 21 '18 19:06 Vorror

Rewriting all font sizes to em doesn't seem a good option for me. Will take a look what can be done here

nolimits4web avatar Jun 22 '18 13:06 nolimits4web