Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [typography]

Typography is the art, process, or style of setting type and creating glyphs.

-2
votes
1answer
92 views

Typography for mobile 720x1280 [on hold]

I have one question about typography for mobile screens that are for retina. Let’s say that the font size for a normal screen is 14~16px. How it is going to be for retina? We make it double and for ...
0
votes
0answers
96 views

eCommerce. Price position inside SERP item. Top or Bottom?

I noticed that some eCommerce websites started to put a price on top of the product item in list of search results as if it were a header. Is it a new design trend or a data-driven solution? Which ...
2
votes
1answer
159 views

Should U+2236 RATIO be used as a time separator instead of U+003A COLON?

In a recent entry of Raymond Chen’s blog “The Old New Thing”, he explains how the time format was changed in Windows 8 to use the Unicode character ∶ (U+2236 RATIO) instead of : (U+003A COLON): old: ...
1
vote
1answer
194 views

Why monospaced fonts are not used as frequently as serif and sans-serif fonts, outside coding?

We see sans-serif and serif fonts everywhere, from the web to printed books and newspapers. I'm wondering why monospaced fonts are not popular outside coding context? Here is a simple comparison I ...
0
votes
4answers
149 views

Looking for research regarding pure black vs dark gray for readability

I've heard people say that websites with pure black text on a white background can cause exhaustion when reading, and that it's better to use a very dark gray text or a light gray background color to ...
0
votes
4answers
158 views

Should icons always be the same color as the accompanying text?

I'm designing a timeline in which certain "event cards" are interactive while others are not. I'm running into a problem where the icons on the non-interactive cards look very dark, and therefore ...
1
vote
0answers
102 views

Are There Any Recent Studies Comparing The Legibility Or Readabiltiy Of Fonts On Screen

Are there any recent studies that have tried to objectively compare the legibility of typefaces on screen using modern screens (including hi-dpi screens)? Note: I'm not interested in opinion on what ...
1
vote
0answers
133 views

Workflow for How Typography Layout Should Be Specified

This is sort of a user experience and graphics design question, but it seemed better as user experience. To start, good text has good typesetting. This sometimes means per-letter spacing adjustments, ...
4
votes
2answers
745 views

Why center align text in 2018? [closed]

I feel like in 2018 I see more centered blurbs and paragraphs on the web. Centered text is a real problem for me because I can't read it. It makes my eyes spaz and my head avert. Am I the only one ...
3
votes
1answer
85 views

UI based on individual data / dynamic / generative

I am looking for examples where the UI is designed based on the individual user data. Not just a customizable profile page, more automated individual color palette / layout / typography / ??? ...
2
votes
2answers
74 views

How opaque should a secondary text be?

There is a debate between the UI and the UX staff about "How opaque should a secondary text be?" This is the example UI: The design is meant to be minimalist. We use only black & white, no ...
1
vote
4answers
116 views

How do you define typography styles in your designs?

When defining a style guide, which of the following is most common when naming layout components? Stating the specific H-levels to be used (i.e. H1, H2, etc.) Create your own set of naming ...
0
votes
1answer
178 views

Comfortably legible base font-size?

I'm trying to figure out a comfortably legible base font-size for all screen sizes, on a platform that supports several languages. Anyone worked on a similar project? If so, what was your outcome and ...
0
votes
2answers
123 views

Modal Window with Tab Menu font sizes (Prominence)

[![enter image description here][1]][1] I'm currently developing a UI, and I'm just wondering if it is acceptable in terms of prominence or in general. If the font size of the modal title and its ...
2
votes
1answer
119 views

What can be done to optimize legibility for white text on black backgrounds? [closed]

The general consensus on legibility is that black text on a white background is superior to white text on a black background. (See: White text on black background) But there are some cases where ...
16
votes
7answers
4k views

Using two different fonts on a mobile application

In my mobile app, I use two fonts; MaaxRounded for h1-h6 and Roboto for paragraph and description text. My co-worker asked why I was using two fonts, and I at first didn't have an answer. After ...
2
votes
1answer
1k views

Table headers: uppercase or lowercase, left or center aligned, top or bottom?

I want to know if there's an standard or at least a nice way to stylize table headers? Uppercase or lowercase? Left or centered? Top or bottom? Thanks
3
votes
1answer
541 views

All Caps vs Bold

Often, I am given text to put on our website. Often, they'll use all caps for emphasis. I often wonder if it's inappropriate and if there's a strong case for using bold instead. Some examples Check ...
0
votes
0answers
41 views

Good way to represent filename patterns for non-technical users?

There is a section in our app which contains information about the meaning of filename suffixes. This is a help text that explains how to choose the files to upload (they are obtained elsewhere and ...
15
votes
4answers
8k views

What is the best number of paragraph width for readability? [duplicate]

Since my current project has a lot of text/paragraph content, I consider about the readability of the website. I've seen and try to inspect any of sites that I feel have a good readability such as ...
6
votes
2answers
206 views

What guidelines are there for deciding between using a system font or a custom font on the web?

I've noticed that many reputable companies (Google, Amazon, StackExchange) have chosen Arial as their web font. Nielsen Norman Group chose Helvetica. On the other hand, companies like Apple, Facebook ...
1
vote
0answers
95 views

Using Roman and Japanese glyphs

I would like to appeal to those who works width Japanese typography) Now I'm working on one website, and it must have a multi-language support. So, company have English type, for example Raleway, ...
2
votes
5answers
216 views

Is there a subconscious effect on fonts? [closed]

I struggled sometimes to choose the right font and searched a long time for it but I had the feeling scrolling through Google Fonts made the decision harder and gave me a greater choice of fonts I ...
1
vote
4answers
522 views

The font style on a CTA affect user's decisions?

Some studies have shown that serif versus sans-serif on a computer display is not what affects readability and the practical differences between the two font styles are largely inconclusive. I ...
4
votes
2answers
226 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 ...
3
votes
2answers
2k views

Name of small text above title

What is the technical name for small text above the big title. Is subtitle correct although it usually belongs below the title?
0
votes
1answer
291 views

Icon/Symbol to Represent “Done” when the user may or may not have completed an action [closed]

I have a question very similar to this one. I'm designing a music player, and one of the screens is the Queue (or "Up Next" as other apps call it). I'm trying to figure out how best to allow the user ...
1
vote
1answer
215 views

Typography in roadmarkings

what kind of letter shapes function best for horizontal signing ? I was wondering if anybody would know about the details in road mark typography? In terms of function of the design itself, I have ...
13
votes
3answers
6k views

Why does my choice of typeface degrade the user experience? [closed]

I'm working on a social networking app, first it used Arial 100% and it looked okay. I've since introduced new "cards" similarly to how they're implemented in Instagram, which still looked okay. I've ...
26
votes
16answers
9k views

Asking for a written form filled in ALL CAPS

Background: When we prepare exams, we want the students to fill in their name ALL CAPS to avoid problems with reading the names (it's 1000 students, so each signature that's difficult to read is an ...
5
votes
5answers
343 views

How to convince a client to use responsive typography

I am having trouble trying to explain to my client in a non techie language, on why he should follow responsive typography. Let me give a little bit of context: The project in question is for ...
3
votes
4answers
3k views

Best font to use in body and header in a pdf document? [closed]

I make a document/book on weight loss of about 20 pages, and I think of the font and size I should use in headlines and body text? The document will be available via pdf-file, so it should be easy to ...
2
votes
1answer
48 views

Is there any guidance or evidence about the use of contrasting colours for title vs body text of a webpage

Is there any guidance or evidence suggesting whether it is better* within the body of a webpage to have titles (and subtitles) in a contrasting colour to the body text? Does this improve readability ...
2
votes
3answers
1k views

Does uppercase (all-caps) text in headings and navigation reduce the overall user comprehension of the website?

I'm interested to know how (and why) the user experience is affected by the way the text is displayed on the screen. I'm not thinking about how the experience is affected by the way text and the ...
4
votes
1answer
153 views

Should emotion-neutral fonts be used for user-submitted content?

Fonts aren't used merely to ensure good appearance of a design, they have the power to express emotions. There are particular features in fonts that are perceived as "funny", "serious", "majestic" etc....
76
votes
10answers
17k views

Why is text justified in newspapers, but not on the web?

As per UX studies, which say you should not justify text on the web. In that case, then why do newspapers justify text? Dyslexic users read newspapers and magazines as well. What is the difference ...
4
votes
2answers
264 views

What characteristics should a typography have to be used in subtitles?

I want to know what characteristics are important for a typography for being used in subtitles. I'm talking about readability and not-so-important, about aesthetics. How the fonts are chosen? I ...
5
votes
5answers
1k views

Can we use CAPITAL LETTERS to indicate actions?

While designing for the web or the mobile applications, a natural free flowing text can be used for the general content, but when it comes to actions... can we use CAPITAL LETTERS.
3
votes
1answer
650 views

Lowercase 'a' hooked vs non-hooked (rounded)

Does anyone have any information regarding whats better for usability and legibility: a lowercase 'a' with the bell hook, or a rounded (α) one. This is particularly for mobile devices in body text. I'...
2
votes
1answer
1k views

Monospaced font choice with Material Design

In our application, we adhere to Material Design as much as possible. But the Material Design specification doesn't include any information about a monospaced font. I need to render a set of tables ...
3
votes
2answers
97 views

How to optimize scientific reference styles for readers?

There is a plethora of styles for citations and bibliographies in scientific journals and books, even within a single field. They built upon traditions, which are usually not arbitrary but were once ...
1
vote
1answer
96 views

Would an item list be better than a wall of text in this error message?

Consider the error message: I am surprised that Google decided to have it this way because I assume that people wouldn't rather be eager to read nine lines of text with no typography (nothing ...
6
votes
2answers
3k views

Font 'Roboto' mandatory in Google's material design?

Is using the font 'Roboto' mandatory in Google's material design – or can I use different fonts in a material design based website?
3
votes
2answers
265 views

The Ideal Typographic Measure

If you read a lot about typography, you probably have read that the ideal measure (also called line length) that is recommended is between 45-75 characters (somewhere around 2-3 alphabets) including ...
29
votes
5answers
9k views

How easy to read are small caps vs lower case?

I'm well aware that text in ALL CAPITALS is harder to read than text in lower case or mixed case, for whatever reason. But what about Sᴍᴀʟʟ Cᴀᴘs? With a bit of Googling I can't find any references ...
70
votes
7answers
12k views

Why are calculator screen digits right-aligned?

Is there any logical reason behind digit alignment on a calculator? If yes, can we apply this for visual interfaces of numbers on the web?
0
votes
1answer
47 views

What is the name for the documents that are like “Style Tiles” but more to do with larger objects/elements like contact forms etc

I did a study on design in the browser about a year ago and I remember learning about another tool which designers can use to compliment style tiles. I seem to remember it being called an "object ...
0
votes
1answer
1k views

Roboto and others sans serif typefaces

Google is pushing Roboto as the default fonts for Google properties (i.e. arial/helvetica replacement). There are also sans serif typefaces which is also popular such as Open Sans & Lato, and ...
1
vote
2answers
584 views

What is the appropriate line length of bullet points?

We can have information either in multiple paragraphs or a bullet point list. Visually, a bullet point is a paragraph with a black dot on the left. We have two types of bullet point lists: Ordered ...
9
votes
2answers
2k views

Should colons be styled in the same way as the preceding label is?

Is it common for designers to style a colon in the same way as the preceding label, even though the following text does not follow this style? For instance, I have the habit of making the colon bold ...