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

เครื่องหมายคำพูด

เครื่องหมายวรรคตอนคู่ที่ล้อมรอบคำพูดตรงหรือข้อความอ้างอิง Unicode รวมถึงเครื่องหมายตรง ("") เครื่องหมายโค้ง ("") guillemets (« ») วงเล็บมุม CJK (「」) และรูปแบบเฉพาะของแต่ละภาษา

· Updated

What are Quotation Marks?

Quotation marks are punctuation characters used to indicate direct speech, quotations, titles, or special usage of a word. The typographic diversity of quotation marks across languages and writing systems is remarkable: there are more than a dozen distinct quotation mark styles in active use worldwide, each with its own Unicode code points, directionality, and placement conventions.

The most critical typographic distinction is between straight quotes (" and ') — the marks on your keyboard — and curly/smart quotes (" " and ' ') — the typographically correct forms that curve toward the quoted text. Straight quotes are a typewriter-era compromise; curly quotes are the proper typographic form for body text.

The Main Quotation Mark Characters

Character Unicode Name Used In
" U+0022 Quotation Mark (straight) Programming, markup
' U+0027 Apostrophe (straight) Programming, markup
" U+201C Left Double Quotation Mark English (primary)
" U+201D Right Double Quotation Mark English (primary)
' U+2018 Left Single Quotation Mark English (secondary)
' U+2019 Right Single Quotation Mark English (secondary)
U+201E Double Low-9 Quotation Mark German, Czech (opening)
« U+00AB Left-Pointing Double Angle Mark French, Russian
» U+00BB Right-Pointing Double Angle Mark French, Russian
U+2039 Single Left-Pointing Angle Mark French (secondary)
U+203A Single Right-Pointing Angle Mark French (secondary)
U+300C Left Corner Bracket Japanese, Chinese
U+300D Right Corner Bracket Japanese, Chinese

Quotation Conventions by Language

Language Primary Secondary Notes
English (US) "…" '…' Comma inside closing quote
English (UK) '…' "…" Reversed nesting
German „…" ‚…' Opening marks at baseline
French «…» ‹…› Non-breaking space before « and after »
Russian «…» „…" Same as French outer
Japanese 「…」 『…』 Corner brackets
Chinese (simplified) "…" '…' Same shapes as English
Swedish "…" '…' Closing mark used for both

Apostrophes

The right single quotation mark (U+2019, ') also serves as the apostrophe in typographic text. This matters because: - The straight apostrophe (U+0027) is the same character as the straight single quote - Straight apostrophes can cause issues in SQL strings and some programming contexts - Smart apostrophes improve visual quality: don't vs don't

Typing Curly Quotes

  • macOS: " and " with Option+[ and Option+Shift+[
  • Word processors: auto-convert straight quotes to curly (smart quotes setting)
  • HTML entities: “ ” ‘ ’
  • HTML numeric: “ ” ‘ ’
<blockquote>&ldquo;The quick brown fox&rdquo;</blockquote>
<!-- renders as: "The quick brown fox" -->

Quick Facts

Property Value
Straight double quote U+0022 — keyboard "
Curly opening double U+201C "
Curly closing double U+201D "
German opening mark U+201E „ (low-9 form)
Guillemets (French) U+00AB « and U+00BB »
Typographic apostrophe U+2019 ' (= right single quote)
Japanese quote U+300C 「 and U+300D 」
HTML left double entity &ldquo;
HTML right double entity &rdquo;

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

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 (ᴀ–ᴢ)