User:CHGiffen/Spacing: Difference between revisions

From ChoralWiki
Jump to navigation Jump to search
(page to illustrate the various spacing characters (of different widths) available)
 
(partial re-vamp of information)
Line 1: Line 1:
Here are the various space characters inserted between two verticals "|":
Here are the various space characters inserted between ">" and "<":
:|| en space character U+2002
:{|
:|| em space character U+2003
|align=center width=25%|>''char''<
:|| 1/3 em space character U+2004
<hr>
:|| 1/4 em space character U+2005
|width=35% align=center|''char'' =
:|| 1/6 em space character U+2006
<hr>
:|| figure (digit) space character U+2007, compare with
|description (what you ''should'' see)
:|9|
<hr>
:|| punctuation space character U+2008
|-
:|| thin space character U+2009
|align=center|>&ensp;<
:|| hair space character U+200A
|align=center|<tt>&amp;ensp;</tt>
:|| zero width space character U+200B
|en space
|-
|align=center|>&#8194;<
|align=center|<tt>&amp;#8194;</tt>
|en space
|-
|align=center|>n<
|align=center|<tt>n</tt>
|compare with en space
|-
|align=center|>&emsp;<
|align=center|<tt>&amp;emsp;</tt>
|em space
|-
|align=center|>&#8195;<
|align=center|<tt>&amp;#8195;</tt>
|em space
|-
|align=center|>m<
|align=center|<tt>m</tt>
|compare with em space
|-
|align=center|>&#8196;<
|align=center|<tt>&amp;#8196;</tt>
|1/3 em space, thick space
|-
|align=center|>&#8197;<
|align=center|<tt>&amp;#8197;</tt>
|1/4 em space, mid space
|-
|align=center|>&#8198;<
|align=center|<tt>&amp;#8198;</tt>
|1/6 em space
|-
|align=center|>&#8199;<
|align=center|<tt>&amp;#8199;</tt>
|figure space
|-
|align=center|><tt>9</tt><
|align=center|<tt>&lt;tt>9&lt;/tt></tt>
|compare with figure space
|-
|align=center|>&#8200;<
|align=center|<tt>&amp;#8200;</tt>
|punctuation space
|-
|align=center|>&thinsp;<
|align=center|<tt>&amp;thinsp;</tt>
|thin space
|-
|align=center|>&#8201;<
|align=center|<tt>&amp;#8201;</tt>
|thin space
|-
|align=center|>&#8202;<
|align=center|<tt>&amp;#8202;</tt>
|hair space
|-
|align=center|>&#8203;<
|align=center|<tt>&amp;#8203;</tt>
|zero width space
|}
<hr>
<hr>
Here are the equivalents in numbers of hair spaces of the various space characters (in my browser):
Here are the equivalents in numbers of hair spaces of the various space characters (in my browser):

Revision as of 16:01, 18 August 2009

Here are the various space characters inserted between ">" and "<":

>char<
char =
description (what you should see)
> < &ensp; en space
> < &#8194; en space
>n< n compare with en space
> < &emsp; em space
> < &#8195; em space
>m< m compare with em space
> < &#8196; 1/3 em space, thick space
> < &#8197; 1/4 em space, mid space
> < &#8198; 1/6 em space
> < &#8199; figure space
>9< <tt>9</tt> compare with figure space
> < &#8200; punctuation space
> < &thinsp; thin space
> < &#8201; thin space
> < &#8202; hair space
>​< &#8203; zero width space

Here are the equivalents in numbers of hair spaces of the various space characters (in my browser):

|| (no space at all)

| | one hair

|  | two hairs
| | 1/6 em space character U+2006
| | thin space character U+2009

|   | three hairs
| | 1/4 em space character U+2005

|    | four hairs
| | 1/3 em space character U+2004
| | punctuation space character U+2008

|     | five hairs

|      | six hairs

|       | seven hairs
| | en space character U+2002

|        | eight hairs
| | figure (digit) space character U+2007

|         | nine hairs

|          | ten hairs

|           | eleven hairs

|            | twelve hairs

|             | thirteen hairs
| | em space character U+2003

Such spaces can be judiciously used to achieve desired effects. In particular, kerning with a hairspace after an italicized numeral or high ascending letter (such as lowercase l) before a right parenthesis ")", right bracket "]", or right brace "}" will improve the appearance:

compare (379) with (379 ), wherein the latter has one hairspace between the 9 and the ); or,
compare (3 types of metal) with (3 types of metal ), kerned with a hairspace in the same way.