為什麼 Don't 變成了 Don’ t?中英文排版細節解析

更新 發佈閱讀 4 分鐘

你是否曾經在瀏覽網頁或閱讀技術文件時,發現中英文混排的句子裡,英文縮寫(例如 It's, Don't)中間出現了奇怪的莫名空隙?明明原本應該是緊密相連的字母,卻硬生生被拉開,變成了 Don' t 這種尷尬的樣子。

這就是所謂的「幽靈空隙 (ghost space)」。這看似微不足道的細節,卻往往是破壞版面專業感的元兇。其實,這背後隱藏著一個關於「引號(quotation marks)」與「省略符號(apostrophe)」的排版學問。

英文排版的黃金法則,遇到中文就失靈?

在標準的英文排版(typesetting)世界裡,有一個被奉為圭臬的規則:請使用「彎引號」(curly quotes / smart quotes)。也就是說,我們應該使用  (U+2019) 而不是鍵盤上直接打出來的直桿 ' (U+0027)。彎引號具有方向性,造型優雅,是專業排版的象徵。

然而,這個在英文世界通行的法則,一旦進入了「中英文混排」的環境,就會遭遇重大挑戰。

原因在於,許多中文字型(CJK fonts)為了配合方塊字的特性,會將標點符號設計為全形,或者在符號周圍預留較寬的空間。當瀏覽器或排版軟體優先使用中文字型來渲染這個「彎引號」時,災難就發生了:它會把原本應該夾在英文字母中間的符號,變成了一個寬度驚人的障礙物,導致前後字母被迫分離。

為什麼「直引號」反而是技術上的正解?

為了避免這種排版災難,在中英文混排的實務上,我們往往必須做出取捨:英文內容請改用「直引號」

為什麼?因為直式單引號 ' (U+0027) 是一個標準的 ASCII 字元。它的特性是非常穩定、單一字寬,且幾乎所有的排版引擎都會將其視為半形符號處理,不會觸發中日韓排版特殊的間距規則。

雖然從純排版美學的角度來看,直引號不如彎引號優雅,但在技術穩定性面前,這是一個必要的妥協。對讀者而言,在閱讀中文文章中的英文片段時,看到 don't(直引號)並不會產生違和感;但如果看到 don' t(有空隙的彎引號),那種「版面壞掉」的感覺卻是立即且強烈的。

如果我堅持要用最美的彎引號呢?

當然,如果你追求極致,堅持要在中英文混排中也使用優雅的彎引號,同時又不希望出現幽靈空隙,這並非不可能,但你需要正確設定 CSS 的「字型堆疊(font stack)」。

關鍵在於:必須將英文字型放在中文字型前面

❌ 錯誤設定
font-family: "Noto Sans TC", "Roboto", sans-serif;

系統會先在 Noto Sans TC(中文字型)裡找彎引號,它找到了,於是愉快地吐出一個寬版符號,造成空隙。

✅ 正確設定
font-family: "Roboto", "Noto Sans TC", sans-serif;

系統會先在 Roboto(英文字型)裡找彎引號,它找到了,於是使用英文字型的設計來渲染。因為英文字型的彎引號是針對英文設計的,它能完美地與前後字母緊密結合,消除了 ghost space。

結語

排版的魔鬼往往藏在細節裡。一個小小的引號,背後牽涉到字型設計、編碼標準以及瀏覽器的渲染機制。

若是全英文環境,請大膽使用彎引號展現專業;但在複雜的中英混排環境中,若無法確保字型設定的完美,回歸最樸實的直引號,往往才是最安全、也最對得起讀者眼睛的選擇。別讓一個小小的標點符號,毀了你辛苦撰寫的文章質感。

本文整理自:〈中英文排版的省略符號與引號字元〉

留言
avatar-img
一步研究室|獨立出版筆記
15會員
24內容數
一步出版致力將複雜知識轉化為可實踐、可累積的行動, 陪伴讀者以穩定的一小步,持續走向進步的道路。
2024/05/02
本文整理了有關技術文件寫作的重要觀念,包括 docs as a product、內容優先,並說明如何構思文件架構。
Thumbnail
2024/05/02
本文整理了有關技術文件寫作的重要觀念,包括 docs as a product、內容優先,並說明如何構思文件架構。
Thumbnail
2024/05/01
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
2024/05/01
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
2023/06/17
重點整理技術寫手 Tom Johnson 的兩段訪談。
Thumbnail
2023/06/17
重點整理技術寫手 Tom Johnson 的兩段訪談。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
Thumbnail
我相信每件事情的發生都有它的原因;每個人的相遇也都是一段緣分,但事情會結束;有些緣分亦會走到盡頭,而你會因為什麼而放下一段感情呢? 美國創作型歌手Andy Grammer的《Don’t Give Up On Me》是電影《愛上觸不到的你》的主題曲。這部電影雖然可能對某些人來說劇情太灑狗血,但我個人
Thumbnail
我相信每件事情的發生都有它的原因;每個人的相遇也都是一段緣分,但事情會結束;有些緣分亦會走到盡頭,而你會因為什麼而放下一段感情呢? 美國創作型歌手Andy Grammer的《Don’t Give Up On Me》是電影《愛上觸不到的你》的主題曲。這部電影雖然可能對某些人來說劇情太灑狗血,但我個人
Thumbnail
「Don't Think。」這句出自捍衛戰士2的經典台詞,由阿湯哥嘴中說出,要公雞別多想,跟著練習時練就的直覺走。而這也和本篇文章主角的想法,如出一轍。
Thumbnail
「Don't Think。」這句出自捍衛戰士2的經典台詞,由阿湯哥嘴中說出,要公雞別多想,跟著練習時練就的直覺走。而這也和本篇文章主角的想法,如出一轍。
Thumbnail
紫兒佩佩自我療癒作家 https://play.google.com/store/books/details?id=vAjtEAAAQBAJ 在人潮中,只要妳一停下來,就絕對不會有人讓妳,但人生是獨一無二的,妳應該想怎麼走,就怎麼走,這就是佩佩。 妳知道人間許多事都死無對證嗎?所以妳必須懷疑眼
Thumbnail
紫兒佩佩自我療癒作家 https://play.google.com/store/books/details?id=vAjtEAAAQBAJ 在人潮中,只要妳一停下來,就絕對不會有人讓妳,但人生是獨一無二的,妳應該想怎麼走,就怎麼走,這就是佩佩。 妳知道人間許多事都死無對證嗎?所以妳必須懷疑眼
Thumbnail
Place and Experience: A Philosophical Topography/ Jeff Malpas  Second edition. |New York: Routledge, 2018. Introduction: The Influence of Place讀後心得
Thumbnail
Place and Experience: A Philosophical Topography/ Jeff Malpas  Second edition. |New York: Routledge, 2018. Introduction: The Influence of Place讀後心得
Thumbnail
我只是想找個地方 在我極力想推開自己的時候
Thumbnail
我只是想找個地方 在我極力想推開自己的時候
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News