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

learn more… | top users | synonyms

22
votes
5answers
2k 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 ...
7
votes
2answers
1k 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 ...
3
votes
2answers
37 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 ...
47
votes
10answers
17k views

All capital titles: good or bad?

What is the recommended use for all capitals titles? For example: THIS IS A TITLE. The website http://camvine.com/ has all capital titles, e.g. MARKET SECTORS. Good, bad?
6
votes
6answers
8k views

Which fonts are designed for accessibility and good screen legibility?

Ideally I need something that has been specifically designed for easy reading on displays. Accessibility is key really. Does anyone have a suggestion for a good webfont that looks fairly similar to ...
56
votes
9answers
14k views

Is there a problem with using black text on white backgrounds?

Why do a lot of websites use a text color other than #000000 black when the background is white? For instance, this text will be displayed using a dark grey: .post-text { color: #333; } Have ...
2
votes
4answers
364 views

All Caps in International Design [closed]

I have my own opinions on this but need some arguments when talking with designers. What are the advantages/disadvantages of using caps for all words in mobile application design?
51
votes
5answers
72k views

What is the best color combination for on screen reading?

I work at an airline as a pilot and I am involved in the "paperless" project which aims to have no more paper in the cockpit - all the data should be accessible from tablet devices. We have a lot to ...
1
vote
2answers
251 views

What is the ideal font size to be used in user interface that supports all foreign languages?

I read in a forum that 12px english/roman character will appear to be readable while a 12px japanese character would be very heard to read. This brings me to the question, "Is there an ideal font size ...
5
votes
5answers
229 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.
4
votes
1answer
198 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. ...
10
votes
5answers
11k views

Why is 13px Arial font the web standard?

If you use any of Google's applications, from search to Gmail you will find the base font used for most things is 13px Arial. font-family: arial, sans-serif; font-size: 13px; ...
1
vote
1answer
228 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 ...
1
vote
0answers
121 views

typography on Chrome + Firefox + Safari font rendering experiences [closed]

I have been working as an designer since an year and every time my client forwards me his/her feedback they say "The issue is with font". Though the font styling is same, it seems to be altered when ...
3
votes
2answers
55 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
49 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 ...
3
votes
2answers
113 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 ...
1
vote
5answers
3k views

Basic color scheme for great readability [closed]

Are there any good recommendations for web site color scheme that provide good readability e.g. body text color (body) main heading color (h1) sub heading color(h2, h3 etc) background color border ...
8
votes
4answers
4k views

Is it bad practice to use Guillemets (laquo and raquo) on links?

Is it bad practice to use the HTML entities of the guillemets « («) and » (») on links? Originally they're used in many languages like French and Spanish to indicate ...
4
votes
2answers
1k 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?
0
votes
2answers
269 views

Using All Cap letters for web site Headings

I am working on a redesigning . I am looking to use capital letters for section headers. Do you think this will be a good approach from UX point of view ? Thanks
5
votes
2answers
462 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 ...
3
votes
2answers
514 views

Why are computer keyboard keys printed in Uppercase? [duplicate]

Although many users mostly type lowercase letters, why are all keyboards printed with uppercase letters?
24
votes
5answers
4k 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 ...
63
votes
6answers
11k 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
2answers
167 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 ...
3
votes
3answers
161 views

Is it a good practise to put Ellipsis on H1

I'm designing this blog web site with big typography, and was wondering, since I could't find a thing on the web about that, if it's a good practise to shorten long titles with Ellipsis. It seems ...
0
votes
1answer
39 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
255 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 ...
5
votes
2answers
530 views

Serif vs. Sans Serif

For text-heavy pages on the web, is there evidence to suggest that serif fonts are a better option? The studies I've found seem very murky in pointing one way or another indicating that yes, users ...
-5
votes
2answers
156 views

Why no typographic apostrophe in auto-correct?

Probably the first kind of automatic alteration or correction of characters entered by the user by means of a keyboard, were “smart quotes”, i.e. the replacement of ' and " by proper typographic, ...
20
votes
3answers
988 views

Should angle quotation marks be used as arrows?

Angle quotes (a.k.a. guillemets) are often used as arrows in pagination and such. For example, this image is from a pagination example on Bootstrap's site: As a native U.S. English speaker, these ...
0
votes
3answers
122 views

Typography in landing page [closed]

I'm working on a landing page . The first view shows a major title with a great source ( Roboto : 190px ) and a diagonal line . Is it a good practice to use a large font for a good experience with ...
1
vote
2answers
53 views

What is the readability rationale for unspaced em dashes in sentences

An "em-dash" is what the experts call hyphens separating words in a sentence... as distinct from a hyphenated-word. English grammar rules apparently promote having no space surrounding these em-dashes ...
3
votes
2answers
211 views

Best way to convince managers importance of typography

Most designers know that typography has a big influence on design and as well as the most important, readability (which is a big part of ux). But consumers don't know unless they have been told so or ...
4
votes
1answer
141 views

Do the concepts of typographic scale and vertical rhythm apply equally to print media and web apps?

I have been learning about these two fundamental concepts and I see how beneficial they are for print media (including 'digital print' like blogs and webzines.) do these concepts apply equally to ...
0
votes
2answers
312 views

Font size for e-commerce

Recently during a usability tests almost all of our customers complained about the small font size on our website. We use: 26px for headlines 13px, bold, for navigation, product names, etc. 11px ...
1
vote
4answers
292 views

Handling long text wrapping in multi-level navigation sidebars

This is something that's always bothered me, and short of 'make the text smaller' I've yet to find a real helpful solution to this anywhere. As an example I'm going to be using this admin theme I ...
2
votes
2answers
4k 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?
0
votes
3answers
147 views

Responsive Webdesign: How to reduce headlines, labels etc on smaller devices

I had the special problem, that in a "desktop-first" responsive webdesign project (I know, bad idea.. ), there was a shopping cart-like element in a very narrow column (4 columns in a 12 column total ...
66
votes
2answers
20k views

Ideal column width for paragraphs online

There is nothing worse than coming across a website with paragraphs that span the width of your screen resolution. They are usually so hard to read, I don't even bother. A lot of web designers use ...
14
votes
4answers
1k views

Difference - Font and Typeface

I would like to know the difference between a font and a typeface. If anyone could please help me. I tried to Google it, but I can't understand that in general, Why the term 'Fonts' is used rather ...
12
votes
10answers
8k views

Should headings always use the same font as the body?

I'm working on some of the layout for a User Handbook and right now my main concern is fonts. I'm trying to decide whether to use the same font for the body text and the headings. If I use different ...
0
votes
2answers
138 views

Using justified type on body copy [duplicate]

I feel like I know the answer to this, but how do you feel about justified type when it comes to common ux principles. My gut tells me not to use it, but I'd like a better reason than that. I'm ...
7
votes
3answers
1k views

Should a logo always be square? [closed]

I want to create a new logo for myself. Because I love typographic logos, I'll create such a logo. The most of the logos I see are square, but for a typographic logo it is sometimes hard to create a ...
44
votes
3answers
6k views

What's the deal with Windows 8 elements with ALL CAPS?

Here's how Microsoft new Windows Azure portal elements look like: and that seems to be "Windows 8 style". Visual Studio 2012 also has plenty of user elements in ALL CAPS. For dozens of years ALL ...
5
votes
4answers
560 views

Why are certain fonts more legible than others?

Given that I have at least basic understanding of typography, I would like to understand what attributes typography designers alter to make text more legible and more pleasing to the eyes? For ...
1
vote
1answer
225 views

What is the research behind Font Awesome? [closed]

I'm using Bootstrap for a site which defaults the use of Font Awesome. So far it looks beautiful, but I started trying to find the reasons why Font Awesome was so awesome so I might compare it to ...
0
votes
1answer
357 views

Should text be bigger on mobile?

Should text be bigger on mobile despite the fact that we're dealing with smaller screen real-estate? Pros: Easier to read while in motion Easier to read under difficult lighting Cons: Requires ...
1
vote
2answers
351 views

Best approach for displaying content across a full screen UI design?

While I've become pretty accustomed to designing within responsive grids I wanted to take a stab at creating a full screen interface. One of the more challenging aspects in doing so is dealing with ...