I have created a native iOS app a year ago, for most of the Heading title I had given the font size as System Bold 17.0
Now am developing a hybrid application for the same product and am using the same font size as font-size: 17pt
I believe the measurement in native iOS app is done as points which is same as hybrid, in that case, why does the hybrid app sizes looks little bigger than the native iOS font size ??
Am I missing something here ? Please help me
html {
font-size: 100%;
}
1px = 1pt
I did all the inspection and they are the same now.
Related
What is the correct way of calculating the content insets (https://developer.apple.com/documentation/uikit/uiscrollview/1619406-contentinset) in a react native project?
E.g. when you use padding: 20 on the root view of the application/screen, it aligns with the native navigation title on an iPhone 11. On an iPhone 12 Pro, on the other hand, these content insets seem to be different and the content has an offset:
I also found an example of using 5% of the device width as the content inset/padding, but this still doesn't fit on all devices.
This is how it looks in the apple design guidelines (margins):
https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
As I didn't find any solution for this, I created a small library for it: https://github.com/dioncodes/react-native-layout-margins
I have a web property and when viewing in an iphone, the fonts are all different even though they are set at 14px ....
font-size: 14px;
Here's a a screenshot from my iPhone 6 Plus:
Looking in chrome developer set for mobile, it is rendering fine but not on iPhone.
What is going on (link if answered before) and how do I fix this?
I've used a custom TTF font (Gotham) when implementing the layout of an app on iOS 6. I've noticed its baseline was always a bit higher than regular fonts, but just nudged things around to fit.
Now that I've updated to the iOS 7 SDK, the font placement is closer to that of regular fonts when running on iOS 7 devices, but still looks nudged on iOS 6 devices.
So it looks like Apple fixed what caused that vertical shifting on the baseline when interpreting the font metrics for iOS 7, but left iOS 6 untouched.
I've already tried modifying the actual TTF ascender, descender and line gap properties using Apple's Font Tools suits according to this blog post and many answers here on stackoverflow, it does help on iOS 6 but doesn't change much on iOS 7.
My question is: is there something I can do to use a custom font on iOS 6 and 7 without needing to tweak each label depending on the running iOS version?
I know this has been mentioned on the iOS 7 release notes, but I don't want to add tons of conditional clauses on my code to nudge the labels differently for iOS 6 or iOS 7 devices.
Editing the TTF file was the solution.
I've followed the suggestion from this answer and opened my TTF files on Glyphs and exported them again. Glyphs adjusted the ascender and lineGap values to something which is probably correct and the fonts behave pretty much identically on iOS 6 and IOS 7. The baseline now is even very close to the system fonts.
There are still some minor vertical differences, but apparently this happens with every font on iOS 7, even on system fonts, but it's much less noticeable.
The font called from [UIFont boldSystemFontWithSize xx] is not fixed-width, I don't know the exact name of this system font (iOS 6).
I'm wondering if there is a built-in fixed-width font? Otherwise I have to embed a new font to my app.
PS: maybe iOS 7 system font is fixed-width, LOL
Thanks guys.
Here's the list of built-in fonts available on iOS: http://iosfonts.com.
Courier looks like the only monospace font in there.
Can you please advise – certain code to be added to stop blackberry devices changes the font size, it might be a bb equivalent of ios -webkit-text-size-adjust?
Blackberry:
https://s3.amazonaws.com/resultcaptures/bbf72760-1234-4efa-9e57-647b723624d1.fullpage.png
same here the tag font size is supposed 11px – a windows or Microsoft equivalent of ios -webkit-text-size-adjust
HTC Windows 7.5
https://s3.amazonaws.com/resultcaptures/c0076514-4f30-47a2-9603-07474f5a3c4d.fullpage.png
#media (max-width: 800px) {* td { -webkit-text-size-adjust:none !important; }}
Force the correct font-size in Blackberry for rendering in an HTML email?