Databases
StackOverflow2013
Postsdbo
POHow to design Metro UIs with fonts that look good on any resolution?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to design Metro UIs with fonts that look good on any resolution?
    primarykey
    data
    text
    <p>When one looks at the <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh700394.aspx" rel="nofollow noreferrer">Guidelines for fonts</a>, we see that fonts are specified in points. A point is 1/72 of an inch so it is an absolute measure: a 10 points character should show at the exact same absolute size on any monitor at any resolution. That would make sense to me as I want to be able to read text -at the same size- whether on a 10 in tablet or a 23 in monitor. In other words, I want my text to be readable on a tablet, but I do not want it to be too big on a monitor.</p> <p>On the other hand, I can understand that some UI elements could be specified in pixels, as in the <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh872191.aspx" rel="nofollow noreferrer">Page layout guidelines</a>.</p> <p>However, in XAML font size is specified in pixels which is device dependent (to my understanding). Hence the fonts size will look tiny on a monitor with a higher resolution! See this <a href="https://stackoverflow.com/questions/11876143/are-preferred-font-sizes-in-windows8-going-to-require-a-calculator/11876467">post</a> for more details. The answer in that post says "this way, you are getting a consistent font size". I can't see how I am getting a consistent size when it changes when the resolution changes?!? </p> <p>Should I load different font size programmatically depending on the resolution of the device? I see <a href="http://msdn.microsoft.com/en-us/library/windows/apps/hh465362.aspx" rel="nofollow noreferrer">here</a> that Windows does some scaling adjustment depending on the DPI. Will this adjustment be enough for my users to have a great experience on a tablet and on, say, a 20 inch monitor (or should I programmatically change the font size depending on the device resolution)?</p> <p>Bonus question: WHY are the Font Guidelines written using points when the software tools do not use points (like, what were they thinking)?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USFrank Monroe
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to design Metro UIs with fonts that look good on any resolution?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThe traditional concept of screen resolution is related to screen estate, i.e. "see more". But some people prefer to think of resolution as "see better". This is where the confusion with DPI/pixels stems from, and it is indeed very confusing.
      singulars
      1. POHow to design Metro UIs with fonts that look good on any resolution?
      1. USThomas
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload