Thin Space (U+2009) | Precision Spacing in Typography

Thin Space (U+2009) is used for precise, elegant spacing in pro typography. Discover how it enhances design. Best blank Name for BGMI

Table of Contents

What Is Thin Space?

The Thin Space (U+2009) is a specialized Unicode whitespace character that provides precise, narrow spacing for professional typography. At 1/6 of an em wide, it’s ideal for situations requiring more subtle separation than a regular space but more visibility than a hair space.

Key Features

  • Width: 1/6 of an em (about 0.166em)
  • Breakable: Allows line wrapping
  • Non-collapsing: Maintains spacing in HTML
  • Visible separation: Clearer than hair space

Technical Definitions

Property Value
Unicode U+2009
HTML Entity   or  
CSS Code \2009
ALT Code Alt+8201 (Numpad)
Category Space Separator (Zs)

Professional Use Cases

1. Mathematical Notation

html

 

a ≈ b ± c

x ∈ R

2. Unit and Number Formatting

html

 

100 km/h

1 234 567

45 °C

3. Punctuation and Symbols

html


§ 12

† Footnote

© 2024

Implementation and Usage

1. Keyboard Input

  • Windows: Alt+8201 (Numpad required)
  • Mac: Option+Space (with certain layouts)
  • Linux: Ctrl+Shift+U, then 2009

2. Code Implementation

html


Price: $ 9.99

css

.units::after {
 content: '\2009''m/s'; /* CSS implementation */
}

3. Copy-Paste Method

Copy this character: “ ” (select between quotes)

Comparison With Similar Spaces

Character Unicode Relative Width Primary Use
Thin Space U+2009 1/6 em General narrow spacing
Hair Space U+200A 1/24 em Ultra-precise adjustment
Six-Per-EM U+2006 1/6 em Tabular alignment
Punctuation U+2008 Font-specific Around punctuation

Technical Best Practices

Do's

  1. Around mathematical operators
  2. Between numbers and units
  3. For symbol spacing (©, ®, ™)
  4. In abbreviations (e.g., i.e.)

Do Nots

  • As paragraph indentation
  • For general word spacing
  • In low-resolution displays

Font Support & Rendering

  • Widely supported in modern fonts
  • Renders consistently across browsers
  • Fallback behavior: Typically displays as regular space if unsupported
  • Recommended fonts: Times New Roman, Cambria, Georgia

Troubleshooting

Q: Why does my thin space look too wide?
A: This typically indicates:

  1. Font substitution occurring
  2. Incorrect character code usage
  3. Browser rendering quirk

Solution:

css

.target {
 font-family: "Times New Roman", serif;
}

Q: How to convert regular spaces to thin spaces?

javascript

// Convert spaces before units
text = text.replace(/(\d)\s([km])/g, '$1\u2009$2');

Q: Does thin space work in PDF generation?
A: Yes, but test with your specific PDF renderer. Some may require:

css

@font-face {
 font-family: "PDFFont";
 src: local("Times New Roman");
}