Skip to main content

Questions tagged [font-sizes]

Questions regardarding user experience implications of font sizes.

Filter by
Sorted by
Tagged with
201 votes
2 answers
78k views

Why do movie posters use credit fonts that are hard to read?

Many contemporary movie posters typeset the credits in an extremely thin font: Is this just out of convention or is there a particular reason for deliberately making the credits hard to read?
Heinzi's user avatar
  • 2,507
123 votes
14 answers
671k views

How do you choose a font for extremely limited space, i.e. will fit the most READABLE text in the smallest space?

I often have very limited space when creating reports and dashboards for users. I usually use Arial, or Arial Narrow, but UI isn't my area of expertise, so I want to know, how do you determine an ...
richard's user avatar
  • 3,224
84 votes
12 answers
83k views

Is there an optimal font size / line height ratio?

When styling text on web pages, both font size and line height can be set. For example, the text of this post will be displayed using a font-size of 14px and a line-height of (about) 18px, set using ...
Yannick Blondeau's user avatar
62 votes
12 answers
67k views

Is there an optimal font size?

For most website projects I've been involved with, the font size for the bulk text is usually 12px - 13px, but I'm wondering if this is a good size. I remember reading an article saying that font ...
googletorp's user avatar
  • 2,337
41 votes
5 answers
13k views

Is it a problem if <h4>, <h5> and <h6> are smaller than regular text?

On many websites and website templates, the font size of <h4> (sometimes) and <h5> and <h6> are often smaller than regular text, i.e., that of <p> with no additional classes. ...
iBug's user avatar
  • 1,091
32 votes
4 answers
12k views

Why rounding odd font sizes to even?

Today I started implementing a design that had some copy text with font size 17px. My fellow web developer told me that we should round that to 18px and more in general that we should not use odd font ...
user131683's user avatar
27 votes
4 answers
76k views

Font Size For Mobile Sites?

I am designing a mobile site, and I'm wondering what I should set the font size as. Any suggestions?
user avatar
23 votes
5 answers
125k views

Minimum font size for mobile view

While designing a mobile app or mobile responsive site, what should be the minimum font size that wouldn't affect user's eye sight?
jyo's user avatar
  • 647
23 votes
1 answer
6k views

Why commonly or frequently used fonts sizes are even numbers like 10px, 12px, 16px, 24px, or 32px?

There are some sites still use odd numbers for font sizes, but why we used "commonly" even numbers? OR appears on default in selecting font sizes usually at 12px.
Sknny's user avatar
  • 1,332
22 votes
4 answers
3k views

Is it a bad idea to use fluid font sizes for titles?

In one of the sites I developed, the title of the pages is always one word. It's one word but the length of the words are different. I want to make the font size of the title as bigger as possible. ...
herci's user avatar
  • 369
19 votes
5 answers
3k views

Font Size Amender

Is there still any need for a font resizer in web apps? Modern web browseers easilly allow you to zoom in on content. Older browsers such as IE6 and IE7 require you to change the font size via ...
Sniffer's user avatar
  • 767
19 votes
5 answers
19k views

Font-sizes smaller on mobile, yes or no?

I always have the same question when I am working on a new project and I have to start thinking about responsive design. What do you think about reducing the font-size of the website content from ...
user avatar
18 votes
3 answers
8k views

Statistics or research on browser window size based on the display screen size

There are many sources and references for reports on screen resolution and display sizes for desktop (and mobile), and there are less information about browser window sizes. I think both pieces of ...
Michael Lai's user avatar
  • 27.3k
15 votes
2 answers
799 views

Should there be a difference in the relative sizes of the buttons in a confirmation dialog?

I understand the idea behind having the more likely to be used action on a page slightly larger or in a different style in order to guide the user to it (for example having a button for save but a ...
Toby's user avatar
  • 913
15 votes
5 answers
8k views

Should I have a text size widget for accessibility on a charity website?

I'm a developer at a small web agency that works primarily with charities. We tend to put a simple textsize widget on every site (eg. top right on www.embraceme.org). I find myself wondering if that's ...
Andy's user avatar
  • 253
11 votes
7 answers
3k views

Bigger font sizes trend [closed]

During the last years, there has been gradual increasing of the Web sites and programs UI font sizes. Even Google increased the font size. Could this be because of the aging population of the ...
johnfound's user avatar
  • 1,116
11 votes
3 answers
2k views

Usefulness of on-site text resize tools

I'm not sure what to call them, but anyone know of research on the effectiveness of including the ability to resize text onscreen via a buttons/toggle. I mean the "aA" button you still sometimes see ...
Voodoo's user avatar
  • 1,787
11 votes
2 answers
9k views

Are there guidelines for when to use UPPERCASE, Capitalize Each Word, or Only the first letter?

We currently use UPPERCASE headers and titles quite a bit (probably too much) and are looking to adopt a consistent set of rules for when it makes sense to use... ALL UPPERCASE Capitalize the first ...
DaveAlger's user avatar
  • 15.9k
11 votes
3 answers
1k views

Standard font size for non-Latin scripts

For Latin fonts you typically see anywhere from 12-16px for the main body of text. Medium.com has 21px for article body text which is larger than most. GitHub has 12px for code. Twitter has 14px for ...
Lance's user avatar
  • 451
10 votes
4 answers
2k views

Counter in a corner of a button

I'm creating a user control which is essentially a wide tile-like button (think Windows 8 "wide" start menu tiles), but in the upper-right corner there's a darkened area which contains a counter. This ...
MBender's user avatar
  • 203
9 votes
4 answers
16k views

"Best practice" font for information heavy web applications

We run a B2B, information dense web application (a helpdesk) and our base font is currently 13px Helvetica Neue",Helvetica,Arial,sans-serif We've been thinking about using a webfont to improve this. ...
Chris Padfield's user avatar
8 votes
4 answers
849 views

How do I improve the readability of body text?

I always find it hard to judge the readability of my site and there is so much conflicting information out there. So I thought I would ask for some options here. Could you please take a quick look at ...
Nick's user avatar
  • 183
7 votes
3 answers
29k views

How to check correct font size?

I'm doing UX testing. Wondering is there any way (think of application or javascripts) that I can run on a page and check what the font size of a-tags, p-tags, etc
Jackie Chan's user avatar
7 votes
2 answers
1k views

Why should I use em, and not % for fonts?

If ems essentially give you a result that is a percentage of the base font, what advantage is there to using it, rather than % for font sizing? I have looked around, and haven't really seen anything ...
Rath_Er's user avatar
  • 453
7 votes
2 answers
2k views

What are some good font guidelines for headers, paragraphs, etc. that just look really nice? [closed]

One thing I find somewhat difficult is getting the various fonts and sizes and weights to look "just right". What are some good guidelines to follow for font sizes, weights and styles when making web ...
egervari's user avatar
  • 373
7 votes
4 answers
953 views

Zoom In / Zoom Out features of latest browsers...an accessibility feature? How does this impact design going forward?

Many of the current browsers will zoom in/out the entire page instead of increasing/decreasing just the font size. This is great because generally it doesn't break the visual design. I'm assuming ...
milesmeow's user avatar
  • 1,845
6 votes
3 answers
4k views

Font Size Consistency

How important is font size consistency between pages on a website. I have a site with about 80 pages, but some have only a few sentences; Is it important to maintain font size on these pages vs ...
Tyler's user avatar
  • 63
5 votes
6 answers
2k views

Font size too big

I have a fluid site design that enlarges text font-size to keep the line length within acceptable parameters (70-80 chars). It seems fine to me but for many people they complain that the font size is ...
Harry's user avatar
  • 772
5 votes
2 answers
8k views

Icon size inside a button [closed]

Is there a correct size, or relative size, to use on an icon within a button with/without text? I've seen this being used a lot of times but didn't found any source about choosing the proper icon ...
CelsomTrindade's user avatar
4 votes
2 answers
802 views

Best way to fit text in a limited amount space

I have a series of columns that have a header like so: What is the best option when it comes to readability and getting the information needed on the screen? I am currently resizing long headers in ...
MrZander's user avatar
  • 165
4 votes
2 answers
7k views

Are there any statistics on number of users who alter their font size (zoom, custom style, etc.)?

One of the reasons for using em measurements (especially for mediaquery widths) is based on the fact that we should allow the user to alter their font size to suit them -- either by zooming their ...
Luke's user avatar
  • 849
4 votes
2 answers
523 views

Recommended pixel size for labels for mobile?

In the same way that the minimum tap area for mobile should be 44px according to apples documentation, is there a recommendation for label sizes?
Evanss's user avatar
  • 425
4 votes
2 answers
756 views

Choosing font sizes for responsive design

I've been trying to find a good way to define my font sizes, or to get some orientation on what sizes should I use when defining the font sizes for a responsive website (from small mobile phones to ...
CelsomTrindade's user avatar
4 votes
1 answer
10k views

What is the default typography for UINavigationBar in IOS 7? [closed]

I know the font is either HelveticaNeue-Light or HelveticaNeue-Medium, but which is it? What is also the font size?
cdub's user avatar
  • 145
4 votes
1 answer
98 views

How much does vision change as we age?

I'd like to share with my web design team some specific, quantitative data on just how much visual ability changes, even as young as 40 years old. This is to help drive home the need for adequate ...
Leslieinva's user avatar
3 votes
4 answers
7k views

Arial vs Verdana for ecommerce sites [closed]

Struggling to choose between Arial (11px) and Verdana (10px) as screen font for my ecommerce site. Here are my thoughts: Arial has that connection to Helvetica. It oozes authority. Most popular ...
Mark Boulder's user avatar
  • 1,886
3 votes
5 answers
2k views

Is there a unified font size metric across all applications?

This is not precisely UX related, but very important to user interface design in general. In summary, across applications (Photoshop, Dreamweaver, Flash) and platforms (Browsers, .NET, Mac, ...
Robin Rodricks's user avatar
3 votes
3 answers
4k views

Does the ® Symbol need to be in a smaller font size than the actual text, similar to Name™?

I see the TM tag with smaller text than it's associated name, does the same apply for the ® symbol. Should it be the same font size as the name or smaller like exponents are displayed in math?
Ben Casalino's user avatar
3 votes
1 answer
156 views

Something not quite right with my design [closed]

There's something not quite right here, and I'm not sure what. Should "Blog" (the title of the page) be bigger? If so, why? It seems too small, yet it's not incredibly important either. ...
Thomas Shields's user avatar
3 votes
2 answers
568 views

What are the best practices for developing a website for older (65+) audiences? [closed]

I'm creating a landing page aimed at 65+ year old demographics in the US. What are the best practices for creating web pages aimed at that audience? Are there special fonts, font size, color palettes ...
Alex Stone's user avatar
  • 1,627
3 votes
1 answer
205 views

Why is monospaced text often smaller than regular text?

I often see that monospaced text is smaller than regular text in the same context. Here are some examples: Crafting Interpreters has the main font 16px large and the monospaced font 13px large. ...
matj1's user avatar
  • 31
3 votes
2 answers
175 views

What is the biggest a font can be for optimal legibility

I'm reviewing a site design and the hero image has a font size of 53px, which feels uncomfortably large, especially for longer titles. Is there a limit to how big titles should be on the web? i.e. ...
Lukas_T's user avatar
  • 317
3 votes
1 answer
165 views

Digital signage font size

I'm designing screens for both Mobile & Digital signage, the screen may vary from a smartphone to a 80" screen. I wanted to know how to determine the appropriate font size for fields like Title, ...
Ganesh Bylakuppe Deveppa's user avatar
2 votes
3 answers
489 views

Relationship between font size and content's perceived length

My site has long form content. I need to understand if having a large font size, though it helps in readability, may lead to perception that content is longer than it is thereby making less people ...
V_C's user avatar
  • 157
2 votes
3 answers
3k views

What is the ideal font size to be used in dashboard?

I came across many websites that use 14px for the content in the dashboard and outside i.e Website's homepage tends to use a bigger font size. So the question is a) What is the ideal font size for the ...
NB4's user avatar
  • 2,501
2 votes
3 answers
161 views

Is a larger font size friendlier for new computer users?

Based on anecdotal experience, people less familiar with computers seem to prefer larger screen size, less resolution, larger font sizes. Are there any studies that show this?
Bowen's user avatar
  • 1,635
2 votes
2 answers
387 views

Font size, or layout, which to decide first?

Font size (and font) and the layout (width, height, etc.) of DOM elements affect each other. If they were to be done within different phases in web design process, which should be decided first? ...
sawa's user avatar
  • 597
2 votes
2 answers
317 views

Is the new Apple Music with big fonts good from a usability perspective?

I have been testing the new Apple Music app for quite some time now. At first, I liked the design but I am slowly getting fed up with the big fonts. I like big fonts but Apple seems to have gone a bit ...
Noah's user avatar
  • 239
2 votes
3 answers
1k views

Reasonable (big) default font sizes

In our app (a CAD type app for the casual computer user) we allow users to choose from a number of preset font sizes. These defaults are picked pretty arbitrarily from what OS X offers in their ...
cacau's user avatar
  • 125
2 votes
2 answers
2k views

Should your font size change based on size and orientation of the device?

I am created a cross platform app and I was wondering if and when fonts should scale based on the size of the screen. Also, I was wondering if the scales of fonts should change based on the ...
Byte11's user avatar
  • 121