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

learn more… | top users | synonyms

15
votes
3answers
559 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
71 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
30 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 ...
2
votes
2answers
153 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 ...
3
votes
1answer
60 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 ...
2
votes
2answers
128 views

All Caps in International Design

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?
1
vote
5answers
280 views

Basic color scheme for great readability

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 ...
0
votes
2answers
66 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 ...
0
votes
4answers
115 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 ...
1
vote
1answer
77 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 ...
2
votes
1answer
275 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 ...
0
votes
2answers
228 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?
2
votes
2answers
180 views

Why does the computer keyboard's key is printed in Uppercase? [duplicate]

Although mostly many users use to type lowercase letters, why does all keyboard is printed with uppercase letters.
0
votes
0answers
28 views

What is the ideal and maximum width for presenting large blocks of text? [duplicate]

When presenting blocks of text on a screen, what is the ideal width to apply to it for optimal readability? Also, is there a maximum width one should adhere to? I am laying out large blocks of text ...
0
votes
2answers
130 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
3
votes
3answers
158 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 ...
13
votes
4answers
986 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 ...
0
votes
3answers
84 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 ...
0
votes
2answers
97 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
781 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 ...
5
votes
4answers
341 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 ...
0
votes
1answer
151 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
296 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 ...
2
votes
0answers
85 views

Should a UI say “My Stuff”, or “Your Stuff”? [duplicate]

I've been getting some different opinions on this question, and wondered if anyone has a well-motivated response. Basically, if I have a part of a website that's called "My something" or "Your ...
1
vote
2answers
235 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 ...
0
votes
2answers
284 views

Why not to use uppercase everywhere? [duplicate]

Is there a reason other then the possibly historical accidental convention that we use lower-case everywhere instead of the much better UPPERCASE which increases READABILITY and uses the same amount ...
-1
votes
1answer
345 views

Trying to create a decent semi-flat design. Failing [closed]

We hit a snag in our project: We've only got a few weeks till launch and the designer who was to make a skin for our product has not delivered the (very) goods. I took a stab at creating a skin for ...
5
votes
2answers
528 views

Should i line wrap my emails?

When my coworkers send their emails, some would diligently line wrap the body text into lines that are at most, say 78 characters wide, others would use no line break in a paragraph, and the ...
3
votes
3answers
2k views

Ampersand on first or second line?

Should the ampersand be on the first or the second line of a title? Or does it depend on the length of each line?
5
votes
2answers
265 views

What Is Macrotypography?

So far I know only about typography. But now I see somewhere the "macrotypography" word . I don't know what is that how it affects design for web pages?
13
votes
11answers
1k views

Why is it that all caps text looks like SHOUTING, but all caps handwriting is easier to read?

Specifically for UI -- handwritten mockups, comics, etc are always better all-caps, but the same is never true for printed text. Why is that? Visual Studio 2012's all-caps menus are generally ...
6
votes
6answers
248 views

What are the strengths and weaknesses of dynamic responsive typography?

By dynamic responsive typography, I mean a system where the type changes in real time based on an external attribute of the environment or the user, without the user explicitly setting it. Here is an ...
5
votes
1answer
148 views

What is the optimal vertical margin between paragraphs?

Here on ux.StackExchange they have gaps that are a bit smaller than one line height (~88%), but I’ve read a few times that 100% of the line height provides best readability because it continues the ...
3
votes
2answers
263 views

When can UX best practices be ignored?

I suppose you could rephrase this question as "When can design supersede User Experience?" I've just designed a Nav bar that goes against everything I stand for as a UX Professional, yet I feel I can ...
6
votes
4answers
4k 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 ...
23
votes
7answers
2k views

Why does Apple use images of text for headers?

I have just noticed that Apple uses images for simple text headings. I guess its to enhance readability but still don't get on why images? Check this - http://www.apple.com/why-mac/ Heading - "Make ...
4
votes
1answer
247 views

Should Font Faces be the Same Across Different Devices?

My company has been working on a fluid grid design for our website so users can access information through their mobile phones and tablets. I was thinking of incorporating a font change on various ...
0
votes
1answer
145 views

typography standards for presenting web based online reports?

Should the online reports, developed either for internal or external purposes, follow a standard representation method? like, fonts, font size , color of text for heading and body,placement of graphs ...
36
votes
5answers
7k 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 ...
41
votes
3answers
5k 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 ...
1
vote
0answers
130 views

Where can i find a great tutorial for Typography? [closed]

I am willing to learn typography and I need to find a tutorial which explains typography particularly in the context of web development and its relationship with usability can somebody point to some ...
1
vote
1answer
77 views

Need to learn the right way to use fonts colors on my site? [closed]

I want to learn web design to make good-looking websites. I have learned CSS, JavaScript, HTML quite well. But I need to be able to choose the right fonts, colors, backgrounds, images, etc. I want to ...
2
votes
0answers
279 views

When using Verdana, is it common to use Tahoma for headlines? [closed]

So Verdana looks excellent at small sizes. For big sizes like headlines though, is it common to use Tahoma as a replacement, which I hear is a condensed version of Verdana?
9
votes
4answers
1k views

Different Font Faces in same Web Application

The context here is a web application delivered through the browser. My question is: is it ever okay to have different font faces or a single application? To me it looks obvious but not egregious.
2
votes
2answers
680 views

Ascender- and x-height effects on readability

How do ascender-height and x-height affect readability? Does a high x-height in comparison to the ascender height lead to lower readability?
0
votes
2answers
2k views

What's a safe serif font for an eBook read on iPad?

I'm currently working on a document which I expect to be read as a PDF eBook on iPad. The primary font family is Times New Roman which is just fine until it's presented in either italics or bold at ...
5
votes
1answer
370 views

What is the name of the technique where an article quotes itself in large text?

This technique comes from print media, and I'm sure that if I'd ever taken a typography class I'd know it. I tried googling but couldn't find anything helpful. What is it called when an article ...
7
votes
5answers
8k 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; ...
5
votes
2answers
987 views

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

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
1answer
106 views

What are factors in the Visual Design of a Language? [closed]

Just to be clear, I'm talking about something like typography, though in most cases typography relates to the redesigning of a set of symbols, not the designing of a set of symbols. I'm guessing that ...