1

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)

2
  • Traditionally italic font was used to indicate quotation.
    – jazzgot
    Dec 2, 2015 at 16:00
  • 1
    Traditionally, italics was just a style of type. Entire books were set in italics.
    – DA01
    Dec 2, 2015 at 19:03

4 Answers 4

2

Italics doesn't mean anything in and of itself. Context is what gives it meaning. In my first sentence, it means emphasis.

But it can just as much mean de-emphasis in other contexts (such as your example)

Ultimately italics is just a way to differentiate text. Use it as it makes sense to in the context of your UI.

2

First of all, I'd say your example shows incorrect use of italics.

Understand how traditional typography guides the use of italics: http://desktoppub.about.com/cs/finetypography/ht/italic_type.htm, http://practicaltypography.com/bold-or-italic.html. Web typography might deviate from traditional print typography but not by much.

Italics add subtle emphasis. Indicating a proper noun is one use.

There are many claims that italics are less legible, especially for the visually impaired, so italic text might be more difficult to read. (This legibility issue is difficult to quantify as it depends on the typeface, whether the typeface has an intelligently design italic variant [as opposed to a simple slanting transformation of the regular font], and the medium [resolution, contrast, etc.].)

The typeface can also influence the use of italics: italics usually look better with serif fonts and are less attractive with sans serif fonts, so some prefer to use bold to add emphasis using sans serif fonts.

I have intentionally overemphasized in this post to make a point: take care not to overemphasize.

3
  • Some of the newer sans-serif fonts (like Trebuchet and Calibri) have smoother italicised versions. Dec 3, 2015 at 16:28
  • I don't agree with this. There's nothing objectively true about italics being 'more difficult to read'. And while I agree there are certainly traditional uses for italics, there are a lot of traditional uses for italics, and there's no reason to use them in other ways if it makes sense to do so.
    – DA01
    Dec 3, 2015 at 16:50
  • 1
    @DA01 - true, there's no "objective truth" that they're more difficult to read. I edited my post to soften the claim that italics are more difficult to read but still left a suggestion that they might be.
    – obelia
    Dec 3, 2015 at 21:19
1

Depending on the font, italicised text is less legible.

Wouldn't it be better to phrase the information so that it is all of a piece?

e.g. "You need money in your account to order goods." (Too long, but you get the idea)

And then add a call to action button - "Top up funds" (you don't want to lose the sale for lack of a CTA).

If you wanted to stick with your original wording, I would format the supplementary information as smaller, paler text, e.g. grey, or dark grey on a grey background. But be careful to have sufficient contrast.

8
  • 1
    Not sure I agree about italic being less legible. Research is likely inconclusive.
    – DA01
    Dec 2, 2015 at 18:59
  • I googled to make sure I wasn't making that up :) Research indicated that large blocks of italic text are less legible. A single italicised word is OK. I would argue that italicised text doesn't make semantic sense here (italics are for foreign words, emphasis, book titles) Dec 3, 2015 at 10:07
  • 1
    I'd need to see a citation. The thing with most legibility research is that it's specific to very particular typefaces, often out of context, and often with very tiny test pools.
    – DA01
    Dec 3, 2015 at 14:35
  • 1
    You are right, it is actually a bit more complicated, according to this article (which does cite actual studies): fastcodesign.com/3025187/evidence/… Dec 3, 2015 at 16:53
  • 1
    Let us continue this discussion in chat.
    – DA01
    Dec 3, 2015 at 17:00
-1

Short answer: never use italics on GUI elements.

One important reason is that italic type only applies well to roman alphabets, so if you ever want to localize your interfaces to languages with non-roman alphabets, you won't be able to rely on italics.

Do use them when needed on text blocks of content, for which follow the language's grammar rules accordingly.

2
  • I think "never" is too prescriptive, but I agree about following the language's grammar rules. Dec 3, 2015 at 10:11
  • 1
    Note that with proper markup, on should be able to change the style as needed when a non-roman character set is being used.
    – DA01
    Dec 4, 2015 at 20:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.