My developer tools interface is showing font units in rem, I would like to have it in px, didn't find a way to change it.
devtools screenshot
Related
Units of font size: I'm searching answers for the following, please help me to find it.
1. Which unit does Xcode use for font sizes? I mean, is it Pixels or Points or some other term?
One of the members of my designed team pointed at a label in iOS app that I'm working on and asked what is the font size of that label. What should I say? 12Px or 12Pt or just 12 (Saying a number without unit may lead to confusion)
2. Can we put the same Adobe XD font size for a UILabel in Xcode?
I'm developing iOS application UI from the designs in Abode XD. Which unit does Abode XD use for font sizes? I have tried to put the same font size(80) in Xcode, but it has slight differences, attached a screenshot. Do we need a conversion here?
According to this forum thread Adobe XD uses pixels:
XD currently uses a virtual pixel for most of its measurements (including font size), which should be the same unit of measure as a CSS pixel, or most measurements in iOS. It's roughly equal to 1 physical pixel on a 72 dpi monitor (and, incidentally, a point).
I'm not sure if this calculation is completely correct or not but after using it, the text size looks almost the same to me.
I was reading this discussion forum and found one image related to various measurements of a font. The unit of those fonts was in pt.
Then, I came across this table provided by W3schools
As you can see, px is 1/96th of 1 inch and pt is 1/72th of 1 inch. With this, we can form an equation like this -
Since we are provided pt value by Adobe XD, we can easily calculate the px value.
Maybe this can solve the issue of different font sizes. The one provided by Adobe XD is completely different from the one used in CSS.
I'm new to Xamarin and I'm actually developing an Android App. I've tried to run the app on different Android phones, but the fontSize appears either too small or large. Programmatically, how can I scale the FontSize of texts so that it can be adjust according to the device's screen?
Firstly, make sure you are using sizes in dp not px (or in, mm etc.) as these will factor in the screen density.
If you still have an issue, look at Screens support in the Android Docs, especially Using configuration qualifiers. Examples can be found here.
Basically you would need to provide a different resource file for each screen size. You should have a file something like res/values/dimens.xml where you store sizes for all your components. Make sure your font sizes are declared and referenced from here. You can then create a series of folders/files for the different screen sizes
res/values/dimens.xml
res/values-sw320dp/dimens.xml
res/values-sw720dp/dimens.xml
res/values-sw1024dp/dimens.xml
where each of these folders define the smallest width screen that that file will be used for.
I just wanted to know if the system font for watchOS 2 is San Francisco Compact.
I know that if we want to download the font, we need to have a developer account and agree to the licensing agreement terms.
Yes. This is mentioned in several places on Apple's website.
The San Francisco Compact typeface is the system font for watchOS. These fonts were designed specifically for legibility on small screens.
and
The SF Compact font is the system font on Apple Watch. There are two variants of this font: SF Compact Text and SF Compact Display. When you specify the system font for text in labels and other system interface elements, Apple Watch automatically applies the most appropriate version of the font based on the point size. It also switches fonts automatically as needed.
How do I match the font pixel size given to me by my designer in PhotoShop to the correct font size in Xcode Interface builder.
For example, my designer is using Helvetica Neueu Regular 32px Font in his design.
I've used a few points to pixel translation sites, but it doesn't seem exact.
I have attempted to follow the answer from this question, but to no avail:
https://stackoverflow.com/a/6107836/1014164
You will never have perfect results when visually comparing a Photoshop comp to a real program. In fact, it's not un-common for a text layout to be different between different computers because version and operating system differences (as well as monitor layouts) cause the text to reflow every time it's edited.
Unless things are very much different in other versions of Photoshop, your designer hasn't specified 32px because Photoshop doesn't lay text out in pixels - it works in points/picas. The exact text rendering is also dependent on the document's resolution (which is different between print and screen).
The best you can do is get the text to look roughly proportional to the designer's intent. In modern iOS, most apps will use the user's customized font settings anyway.
The BB OS 5.0 supports images for context menus. The API documentation says the image will be scaled to fit a square set by the height of the menu font. I find that totally unhelpful.
The only way I can explain that method of calculation is due to screen resolution and DPI. But since the 5.0 OS is only valid on a handful of devices with similar screen sizes, I reckon they can specify the actual icon size they use.
I'd like to choose an icon size that's closest to the default menu font height so that the they look OK.
What size do you use? Do you even use this feature?
I haven't used it yet, but I would recommend using any square ratio maybe up to 64x64; the problem is that with new devices on the horizon (eg rumored tablet - with much bigger display) it won't necessarily be practical to target a specific screen size.