การออกแบบตัวอักษร

ยัติภังค์

เครื่องหมายวรรคตอนที่ใช้แยกส่วนของประโยคหรือระบุช่วง Unicode กำหนดเส้นประหลายแบบ ได้แก่ hyphen (‐), en dash (–), em dash (—), figure dash (‒) และอื่นๆ

· Updated

What is a Dash?

In typography, dash refers to a family of horizontal line characters that perform distinct semantic roles. The word "dash" is often used loosely, but each member of the dash family has a specific purpose: the hyphen joins words, the en dash marks ranges, the em dash marks interruptions or parenthetical asides, and the minus sign is a mathematical operator. Confusing them is one of the most common typographic errors in digital publishing.

The Dash Family

Character Unicode Name Width Primary Use
- U+002D Hyphen-minus Narrow Keyboard input, compound words, programming
U+2010 Hyphen Same as - True hyphen for breaking words
U+2011 Non-breaking Hyphen Same Hyphen that prevents line breaks
U+2013 En Dash 1 en (~½ em) Ranges, scores, compound proper nouns
U+2014 Em Dash 1 em Parenthetical aside, interruption
U+2015 Horizontal Bar ~1 em Dialogue attribution (in some typographic traditions)
U+2212 Minus Sign Math-width Mathematical subtraction

The Hyphen-Minus Problem

The hyphen-minus (U+002D, the - on your keyboard) is a compromise character that computers inherited from typewriter culture. It serves as hyphen, minus sign, and even dash in informal writing — but typographically it should only be used as a hyphen for word breaks or in code/programming contexts.

Smart text editors and word processors auto-convert -- to an en dash and --- to an em dash. HTML entities provide the correct characters:

&ndash;  <!-- en dash – -->
&mdash;  <!-- em dash — -->
&minus;  <!-- minus sign − -->

En Dash Usage (–)

The en dash (U+2013) is used for: - Ranges: pages 10–25, the 2020–2024 period, Monday–Friday - Scores: the final score was 3–2 - Compound modifiers with proper nouns: the New York–London flight

Keyboard entry: - macOS: Option + Hyphen - Windows: Alt + 0150 (numpad) - HTML: &ndash; or &#8211;

Em Dash Usage (—)

The em dash (U+2014) is the most versatile dash, used for: - Parenthetical aside: She finally arrived—three hours late—with no explanation. - Interruption: "I can't believe you would—" she stopped herself. - Emphasis: Only one thing mattered now—survival.

Em dashes may appear with or without spaces depending on house style (American style: no spaces; British style: spaced).

Keyboard entry: - macOS: Shift + Option + Hyphen - Windows: Alt + 0151 (numpad) - HTML: &mdash; or &#8212;

Quick Facts

Property Value
Keyboard hyphen-minus U+002D — the - key
En dash U+2013, width of letter "n", for ranges
Em dash U+2014, width of letter "m", for parentheticals
Minus sign U+2212, mathematical subtraction
macOS en dash shortcut Option + -
macOS em dash shortcut Shift + Option + -
HTML en dash entity &ndash;
HTML em dash entity &mdash;

คำศัพท์ที่เกี่ยวข้อง

เพิ่มเติมใน การออกแบบตัวอักษร

CSS unicode-range

CSS @font-face descriptor specifying which Unicode code points a font should cover. …

Em / En (หน่วยวรรณศิลป์)

Em: ความกว้างเท่ากับขนาดฟอนต์ En: ครึ่งหนึ่งของ em ใช้กำหนดความกว้างของ em dash, em space, en space …

Font Fallback

The mechanism by which a rendering engine substitutes glyphs from a secondary …

OpenType

Modern font format developed by Microsoft and Adobe supporting up to 65,535 …

RTL (Right-to-Left)

ทิศทางของข้อความที่อักขระไหลจากขวาไปซ้าย ใช้กับภาษาอาหรับ ฮีบรู Thaana และอักษรอื่นๆ ต้องใช้อัลกอริทึม Bidirectional เพื่อแสดงผลอย่างถูกต้อง

Web Fonts

Fonts downloaded by the browser to render text, declared via CSS @font-face. …

การปรับระยะอักษร

การปรับระยะห่างระหว่างคู่อักขระเฉพาะเพื่อความสวยงามทางสายตา (เช่น AV, To, LT) เป็นคุณสมบัติของฟอนต์ ไม่ใช่แนวคิด Unicode แต่มีผลต่อการแสดงผลข้อความ Unicode

จุดไข่ปลา

U+2026 HORIZONTAL ELLIPSIS (…) อักขระเดี่ยวที่แทนที่จุดสามจุด ถูกต้องตามหลักการพิมพ์และนับเป็น 1 อักขระแทนที่จะเป็น 3

ช่องว่างที่ไม่ตัดบรรทัด

U+00A0 ช่องว่างที่ป้องกันการขึ้นบรรทัดใหม่ที่ตำแหน่งนั้น HTML: &nbsp; ใช้ระหว่างตัวเลขและหน่วย (100 km) ในชื่อเฉพาะ (Mr. Smith) และหลังคำย่อ

ตัวพิมพ์ใหญ่ขนาดเล็ก

รูปแบบตัวพิมพ์ใหญ่ที่มีความสูงเท่ากับตัวพิมพ์เล็ก CSS: font-variant: small-caps Unicode ยังมีตัวอักษรพิมพ์ใหญ่ขนาดเล็กจริงใน Latin Extended (ᴀ–ᴢ)