46

When do we italicise the dot (.) or period symbol, does it actually change the (.).

So, is

.

different from

.

Can anyone tell just by looking at the example which one is italicised? And does it matter? Same for colon (:) and an underscore (_).


Update

To all answerers, thank you very much. I am sorry, I am not very good at expressing my doubt. Actually, I want to ask, if I am making a font, should I make different glyphs for normal dot and italic dot, (and for semicolons and underscores)?

5
  • I'm not sure, but I think it can have influence on the pronounciation of a speaking browser for blind people.
    – Daniel W.
    Apr 28, 2014 at 15:59
  • There shouldn't be a problem with using the same character for an underscore. Italics causes the characters to lean right, changing the square fonts to a parallelogram. The base of the parallelogram is still horizontal, like the _.
    – Justin
    Apr 28, 2014 at 17:00
  • 4
    @dan04: lower-case dot . and upper-case dot ˙? If you're unsure, make a compromise: ·
    – CodeManX
    Apr 28, 2014 at 21:49
  • 1
    Yes, I can tell the difference, when I scale up the page to 500% zoom: imgur.com/1mnyYvr (well, I can see a slight difference from 150%, but it's clearest at the larger size)
    – Tim S.
    Apr 29, 2014 at 13:56
  • Markdown seems to think so .
    – MDMoore313
    Apr 29, 2014 at 18:19

5 Answers 5

34

Italicized? Depends. You first have to understand what an italic is.

There is a true italic where letterforms are based on handwritten letterforms. There is oblique or fake italic where the roman letterform is slanted. There is a faux italic when a browser needs to render a italic, but a true italic is missing, than the browser can create a faux italic by slanting and scaling the roman.

Does a dot or period (.) get italicized?

True italic: The type designer will design and draw punctuation marks to go well with the italic character shapes. So most of italic punctuation marks in true italic fonts are different from the roman. A: (Most likely) different.

Oblique: If a type designer converts roman letter shapes into a oblique by slanting all shapes, then yes, the dot and all other shapes are slanted. But the designer may choose to alter some glyphs as he sees fit. A: Different, exceptions may occur.

Faux italic: The browsers code responsible for converting the roman into a italic will transform all the characters with the same matrix. A: Always different.

All this matters if you care about typography. At small sizes it's hard to tell the difference between dots. Most people won't ever notice. More people will notice if it goes wrong!

UPDATE

Most roman and italic fonts within the same family have different punctuation shapes. This is because the design principle (concept) of the roman or italic dictates the shape. True italics are based on handwriting. Oblique is based on the roman font and transformation matrix. If a principle is applied than all glyphs will look different.

Yes, design different shapes. Yes, you have the freedom to make exceptions. It's not wrong to copy some roman punctuation into a italic font. When it looks fine, it is fine.

0
50

Yes, it matters. In many fonts the italic period has a different shape than the normal period. It might not be visible at small sizes, but at large sizes the difference is hard to miss.

Comparison of italicized versus normal

In order to find out which fonts italicize the different punctuation marks, you would have to investigate each. However, in most fonts everything, even quotation marks and the like, are italicized.

4
  • and what about colon : and underscore _ Apr 27, 2014 at 12:50
  • 1
    same for colons, but it depends on fonts, some might do it some might not Apr 27, 2014 at 12:54
  • 2
    Microsoft Sans Serif does not have an italic version.
    – kinokijuf
    Apr 28, 2014 at 11:08
  • 9
    I like the red squiggles. Nice touch Apr 29, 2014 at 12:31
34

Can anyone tell just by looking at the example which one is italicised?

At 100% zoom, it's virtually impossible. But at 500%... enter image description here

As stressed, such italicization has substantial influence when at a larger size.

5
  • It's still not super-easy to tell at that larger size - I have to get a bit closer to my screen than normal to see it.
    – cpast
    Apr 28, 2014 at 5:42
  • 2
    Not just size, but also DPI. With the advent of "Retina" (very high DPI screens) the difference in fonts will actually be rendered at 100% zoom - even if not all users eyes have the acuity to notice. Sure many users don't have high quality, high DPI screens or great vision. However that is not a reason to penalise those with good screens and eyesight (e.g. 20/40 in my case).
    – Jason A.
    Apr 28, 2014 at 12:04
  • @Jayfang Actually, on retinal displays 100% is teeny-tiny. You forget that 96dpi is in practice hard-coded into CSS (IE is the only browser which allows changing this)
    – kinokijuf
    Apr 29, 2014 at 7:57
  • @kinokijuf you may want note the "device-pixel-ratio" where retina devices use more physical dots per "HTML px". And thus AFICT fonts are not scaled too small. Also browser can render subtle font effects better. w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio
    – Jason A.
    Apr 29, 2014 at 13:49
  • @Jayfang and images worse.
    – kinokijuf
    Apr 29, 2014 at 14:24
9

Another way to think about this,

What if the text is changed so it is bold rather than italicised…

What if the text is changed so it is bold rather than italicised

This may be a single change for someone to make with a style sheet or otherwise, they could reusability expect the text to still look correct.

Therefore I think it is important in lot of cases to end the markup at the correct place even if the result looks the same.

8

Here is a composite screenshot showing how the "FULL STOP" character is defined in Droid Serif Italic (black outline) and Droid Serif Regular (red outline). I took two screenshots from FontForge and combined them in an image editor, taking care to align the character coordinate systems.

Full stop character in Droid Serif Regular and Droid Serif Italic

In this case, you can see that not only is the italic period not quite the same shape, it's also going to be placed differently with respect to the characters around it. That can readily be seen at this 100% screenshot of 72pt text taken from Libre Office Writer. In the first sample, the full line is in Droid Sans Italic; in the second sample, the letter "l" is and the "." is in Regular; and in the final sample, the full line is in Droid Sans Regular. Since "l.l" is not really a well-motivated piece of text I don't think your aesthetic reaction (or mine) to this sample should say too much about whether it's "good" or "bad", but it certainly shows that the different bearing in the two fonts is important.

Full stop character sample: Italicized or not, in context

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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