often used as a synonym for typeface which is a set of one or more fonts, in one or more sizes, designed with stylistic unity, each comprising a coordinated set of glyphs

learn more… | top users | synonyms

15
votes
4answers
2k views

Is Helvetica considered a “web safe” font?

Should I consider the font Helvetica to be a web-safe font, i.e. is it a reliable source to set in my CSS that will be accessible on any device?
31
votes
3answers
4k views

Are italics on the web bad for accessibility?

On a current web project, we've received word from the client that we can no longer have any italicized text on the website we are building. When I asked for some reasoning, I was told that "our ...
3
votes
4answers
37 views

Use System Font or custom font in controls?

I'm looking for a design opinion. My OS X app uses System Font for textfield and button titles. Problem is, Apple has changed the value of System Font twice in recent releases of OS X, and this has ...
18
votes
2answers
668 views

Accessibility and the use of font characters for icons

It seems to be a trend for the moment to embed custom web dingbat fonts and use them as icons on web pages. But isn't it true that a screen reader will read those characters out loud? So when it for ...
2
votes
1answer
14 views

Best configuration for printing a cheat sheet

I'm writing a three columns (Portrait) cheat sheet using LibreOffice 4.2 on Ubuntu 14.04. The text is tiny: 7pts, with the best font I could find: Nachlieli CLM. That font is the most dense, clear ...
1
vote
4answers
237 views

What should be emphasized - description or the hyper link?

Signature which I have on other fora: Interested in Drawing, Painting, and Crafts? Please Commit to the Arts and Crafts Stackoverflow proposal. All the font is Impact. The words "Drawing, ...
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 ...
64
votes
11answers
274k views

What is the best 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, is there an optimal font for ...
1
vote
3answers
309 views

Serif/sans-serif and memory

I read that serif letters are more easily recognizable when you look at them, and because I am working on project linked to the memory, I was wondering if the fact that they are more easily ...
41
votes
3answers
4k views

What is the most dyslexia friendly font?

Has any font been proven, in an academically sound manner, to be particularly easy for those with dyslexia to read and as such would be a good choice for any screen text product created with dyslexic ...
1
vote
1answer
59 views

Dealing with characters not supported by a font

I have a website which is used by people all around the world. I use a certain font which only just came to my attention does not support characters which my users have mentioned such as ğ, ş and ı. ...
2
votes
3answers
182 views

Single word wrapping to new line in a paragraph on mobile device

Recently I've been approached by a non techincal member of my team with regards to how paragraphs are being displayed on various different mobile devices and desktops. They are particularly concerned ...
12
votes
3answers
1k views

What is a sans-serif font that still clearly differentiates similar characters like: l 1, i etc

I am looking for an easy-to-read San Serif font that manages to make the normally similar looking characters (o, 0; 1,l,i) still clearly differniated to the eye. This sill be used for very short ...
1
vote
4answers
112 views

Common reason to use italic font style in select places of GUI?

I am typically using it to indicate that specific portion of textual information is different or less important (auxilliary) than the rest: Order Rejected (No money left)
4
votes
2answers
1k views

Need a font with unambiguous letters for commonly confused characters [closed]

Must-have A few stipulations for an unambiguous font: - It must be easily legible. - It must have a slashed zero (so as to distinguish it from capital O). - It must sufficiently differentiate ...
1
vote
2answers
264 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 ...
-1
votes
1answer
90 views

Google Fonts within enterprise applications? [closed]

I know that using Google Fonts for websites are no cost but what about embedding those fonts within an enterprise application that the user doesn't access through the web? I've yet to see anything ...
6
votes
2answers
189 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 ...
0
votes
1answer
89 views

Digital clock Typeface with same width [closed]

I am seeking for a digital clock typeface in which the characters (I just need the digits) have the same width. I ll be using it for a countdown so if the digits don't have the same width the clock I ...
7
votes
3answers
214 views

Is it okay to use a font as a “signature” for a product?

I noticed that the Italian party Forza Nuova tends to use the same font through all their graffiti and handwritten propaganda in general (a few examples here). This suggested me the idea that the same ...
3
votes
1answer
167 views

How Does Capitalizing The First Letter Of Every Word In a Sentence Help The Reader?

Saw this pamphlet about lightning safety: As you can tell, every sentence in the pamphlet has every single word capitalized. Is there a scientific reason that every word would be capitalized? Is ...
4
votes
1answer
213 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
12k 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; ...
2
votes
3answers
103 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 ...
0
votes
1answer
78 views

Is the purpose of a “UI” font like Roboto & Helvetica to be as invisible as possible?

In selecting UI fonts, it seems that fonts with the most readability, and the least "character" are always picked. Such a font allows the main content relating to the goals of the interface, be it ...
2
votes
3answers
68 views

Is there any conventions for using alternate fonts in user input fields?

My company is proceeding with a branding initiative which involves a branded font. The desire of the external agency is to apply the branded font to all input controls on the page, including text ...
0
votes
3answers
71 views

Is there a journal, dictionary or database of fonts and their established usage?

I'm looking for a font dictionary that will allow me to choose a font by conventional meaning and traditional usage. What I'm thinking of should exist, since I think that font meaning is learned ...
10
votes
3answers
2k views

When should bold, italics, and colour be used to draw attention in a sentence?

Following is my signature on some other fora: Interested in Drawing, Painting, and Crafts? Please Commit to the Arts and Crafts Stackoverflow proposal! I cannot show it here but the words ...
0
votes
3answers
139 views

Trebuchet font and user experience

I've built a Saas web application (link is on my profile). I'm using the MS Trebuchet font for about 99% of the text and I think it looks good; it's an art, not a science so there's bound to be a ...
1
vote
3answers
177 views

How to improve the readability hexadecimal characters on a small label

We have a scenario where we require our users to enter in a six character hexadecimal serial number from an IOT device into a website textbox. Unfortunately, due to the form factor of the IOT device, ...
6
votes
2answers
729 views

Does drawing a dash across the numeral 7 (seven) increase readability?

The RBRC battery recycling logo was recently updated to add a dash to the final digit 7 (seven) in the phone number: Does this increase readability? In what situations, if any, is writing the ...
3
votes
5answers
427 views

ALL CAPS fonts for industrial use

I'm on a plane and noticed the use of all caps on the flight crew phone: Generally I found the phone very well designed: it has rounded colors, decent contrast, is unobtrusive for passengers, and ...
2
votes
0answers
102 views

When should I use a condensed font? [closed]

Reposted to Graphic Design. Assuming I always have enough space to write what I need to write, and I never get into a position like What is the best font for extremely limited space, i.e. will fit ...
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?
5
votes
2answers
698 views

What is the latest research on Serif vs. Sans Serif fonts for readability and retention esp. for those with vision issues

I've been told by someone who worked with a researcher that Sans Serif fonts have lots of ambiguity in things like i, 1, l and this causes the eye to need to back and forth (more, presumably than the ...
3
votes
2answers
592 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 ...
7
votes
4answers
9k 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. ...
2
votes
2answers
59 views

Which font to use when text in an image and image is zoomed out of / made smaller

I have an ad that looks fine when the web page is at 100%, but when the user changes the screen size, my responsive design takes over and while the image is still correct looking, the text has reduced ...
5
votes
2answers
512 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 ...
18
votes
5answers
4k views

Can text shadow enhance readability?

CSS font shadows are often used to help make text stand out (or in, or colorful, or many other fancy things.) I'm wondering if it can be used to aid readability. I know finding the right amount of ...
10
votes
2answers
236 views

How can I determine how large of a font size and how wide of a container to use?

Usually I just choose this spontaneously and without much thought, but I have a feeling that's not the best idea: How can I size my font and its container for an optimal reading experience to my ...
1
vote
1answer
764 views

How to use Noto fonts (Google fonts) for desktop web use?

This question might sound like very simple but trust me I am really frustrated with the situation and not getting any positive direction towards solution. Someone who has worked for multilingual ...
0
votes
1answer
266 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
543 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
1answer
128 views

Convention for serif font

In the design guidelines for Windows Phone, you are encouraged to use the font Segoe WP for the most of your UIs. Segoe WP is a sans-serif typeface. Is there a convention or guideline for which serif ...
3
votes
2answers
816 views

Most readable standard web typeface

Are there any recommendations/studies on text readability comparisons among the standard web typefaces? The conventional wisdom for serif vs. sans-serif is that serif is better for readability (which ...
5
votes
1answer
601 views

(How) does capitalization affect readability

TLDR In short, given the following two options: This is sentence case This is Title Case Has any research been done into which one is more user-friendly, especially considering dyslexia and other ...
0
votes
3answers
87 views

Is it important to maintain consistency even at the expense of aesthetics?

I'm working on a website at the moment which has been using one particular font family since the beginning of time. Problem is that when the font weight becomes bold, the font's ugliness increases by ...
15
votes
3answers
4k views

Why not use san-serif fonts on print design?

It's better to use san-serif than serif fonts on web, as their simpler letter form remain readable at low resolution. Serif fonts need more pixels to display their extra details. I was wondering why I ...
0
votes
3answers
257 views

Website theme change checklist

We are adapting the current UI to the new look, by just changing the font/logo and some graphical images. Current Site Looks like Basically, I am trying to put all the changes in the document and ...