Canva 上的泡泡文字,是透過在本機瀏覽器工具中產生可複製的 Unicode 圓圈字母與數字,再把結果以 Unicode 字元(而非圖片或樣式化文字)貼到 Canva 文字框中來完成。 這項轉換取材自 Unicode Enclosed Alphanumerics 區塊:大寫 ASCII A 到 Z 對應到連續範圍 U+24B6 到 U+24CF,小寫 a 到 z 對應到 U+24D0 到 U+24E9,而十進位數字則使用兩個獨立的範圍,因為 Unicode 並未將它們視為單一連續序列。泡泡文字產生器完全在你的瀏覽器中執行這項轉換,因此不會上傳任何資料,而且它會保留所有無法轉換的字元,包括空格、標點符號、表情符號以及帶變音符號的拉丁字母,因此輸出結果會忠實反映你的來源文字,只替換掉支援的字母與數字。貼上的結果會沿用目標 Canva 文字框的字體、大小、顏色、間距與備用字型規則,而不是被鎖定在某一種特定樣式。
泡泡文字在 Canva 專案中真正的意義
在 Canva 中,「泡泡文字」這個詞常被寬鬆地用來代表幾種不同的東西。Canva 內建的文字樣式包含泡泡風格與氣球風格字型,會在每個字元周圍繪製圓潤的外框,Canva 也提供裝飾性的對話泡泡圖形,你可以直接放入設計中。這些做法都無法給你可複製的 Unicode 圓圈字母,因為底層文字仍然是包在某個字型中的普通拉丁字母。本文中討論的 Unicode 方法不同:每個支援的字元會被替換成 Unicode 標準中單一編碼的圓圈字元,這代表當你貼上、分享,或上傳到其他平台時,圓潤的外觀會跟著文字一起走。
這個差異在你把同一段文字移出 Canva 的那一刻就變得很重要。在 Canva 中選用的泡泡字型,只有在 Canva 的畫布上才會保持泡泡字型,底層的字符碼仍然是 A、B、C。相對地,Unicode 圓圈字元在任何支援 Unicode 的地方都像普通文字一樣運作,包括純文字備註、轉寄後仍可保留的電子郵件主旨、社群媒體自介,以及可列印的課堂講義。如果你的目標純粹是在 Canva 上的視覺效果,內建的字型選項可能就已足夠。如果你要的是可攜、可複製貼上的泡泡文字,Unicode 路線才是真正能達成的做法。
為 Canva 設計產生泡泡文字
- 在瀏覽器中開啟泡泡文字產生器。不會有任何資料送到伺服器,因此轉換發生在你自己的機器上。
- 輸入或貼上你想要加上圓圈的字母與數字。這個工具接受 ASCII 範圍 A 到 Z(大寫)、a 到 z(小寫),以及數字 0 到 9。空格、標點符號、表情符號與帶變音符號的字母都可以作為輸入,但會刻意保持在原位。
- 執行轉換。產生器會逐字元處理接受的文字,只替換落在支援範圍內的字元;其他所有字元都會原封不動地保留。
- 檢視結果。看看預覽,確認哪些字元變成圓圈、哪些保持不變。如果某個字元仍是普通字樣,這是刻意的行為,而不是 bug。
- 檢查來源文字長度是否超過 100,000 個程式碼點的上限。較長的輸入會在轉換開始前就被拒絕,讓你絕不會拿到悄悄被截斷的結果。
- 點擊複製動作,將與顯示完全一致的字串放到剪貼簿。所寫入的就是實際可見的字串 — 沒有隱藏字元,也沒有任何刪除。
由於大小寫會在視覺上與結構上都加以保留,輸入 Hello 會產生 Ⓗⓔⓛⓛⓞ,而輸入 HELLO 則會產生 ⒽⒺⓁⓁⓄ。這個工具在進行替換前不會把你的來源文字轉成全小寫或全大寫。如果預覽中某個輸入字元沒有被加上圓圈,請將此視為它落在支援範圍之外的指標,而非缺少的功能。
把泡泡文字貼進 Canva 文字框
拿到剪貼簿中的 Unicode 字串後,切換到 Canva 並新增一個文字框。在編輯器中,從側邊面板選擇「文字」,然後依你想要的尺寸選擇「新增標題」或「新增副標題」。點進預留文字,把它換成你貼上的字元,再把文字框擺放到畫布上的位置。由於這些字元是真實的文字,所有標準的 Canva 文字控制項 — 字型、大小、粗細、顏色、字距、行高、對齊方式與動畫 — 都會以與一般字母相同的方式套用。
如果你貼上後圓圈外觀立刻消失,最可能的原因是所選字型不包含圓圈 Unicode 範圍的字符。請從 Canva 的字型庫中挑一款 Unicode 涵蓋範圍更廣的字型,或是透過像是字型預覽工具的工具上傳你自己的 TTF、OTF、WOFF 或 WOFF2 檔案,先確認涵蓋範圍再帶進 Canva。第二個常見原因是該平台呈現了備用字符:出現方塊、空框或形狀奇怪的佔位字元,都是目前字型缺乏支援、強烈暗示需要更換字型的訊號。一旦找到一款帶有圓圈字符的字型,之後再切換是安全的,因為底層字元並不會改變。
Unicode 範圍與每個來源字元的對應結果
這項轉換所使用的對應是依據 Unicode 字元資料庫所記錄,而四個對應分支是由標準本身固定,並非由工具自行決定。知道每個字元落在哪個範圍,能在貼上看起來不對時讓除錯更容易。
| 來源 ASCII 字元 | 對應的 Unicode 程式碼點 | 備註 |
|---|---|---|
| A 到 Z(大寫) | U+24B6(Ⓐ)到 U+24CF(Ⓩ) | 連續範圍,以 A 為基準的位移 |
| a 到 z(小寫) | U+24D0(ⓐ)到 U+24E9(ⓩ) | 連續範圍,以 a 為基準的位移 |
| 0(零) | U+24EA(⓪) | 單一程式碼點,排在圓圈字母之後 |
| 1 到 9 | U+2460(①)到 U+2468(⑨) | 連續範圍,與字母分開 |
| 其他任何字元 | 保持不變 | 空格、標點符號、表情符號與帶變音符號的拉丁字母會保持在原位 |
圓圈數字與圓圈字母之間的拆分,是大多數人覺得最意外的部分。圓圈一到九位於 U+2460 到 U+2468,而圓圈零則單獨位於 U+24EA,排在整個小寫字母範圍之後。如果把十個數字當成單一區塊來處理,零就會對應到錯誤的程式碼點,這正是為什麼Unicode Enclosed Alphanumerics 名稱列表會把 0 顯示在圖表中間,而不是開頭的原因。這個工具明確處理了這項拆分,因此像是 UnicodeData 這類交叉參考的來源資料層,能與你在螢幕上看到的內容相符。
限制、無障礙性,以及什麼時候純文字是更安全的選擇
Unicode 泡泡文字在短長度下確實容易閱讀。用於個人檔名稱、簡短標籤、專輯名稱或快速的課堂範例時,通常能在不造成負擔的情況下達到你想要的視覺效果。用於段落、產品描述或內文時,由於每個字元都帶有一圈額外的視覺重量,會拖慢閱讀速度。螢幕閱讀器可以讀出圓圈字母,但它們經常會以 Unicode 名稱逐字宣告,而不是像流暢的一個詞那樣讀出,這與用純文字讀取相同內容的體驗不同。
在視覺層之外也存在技術上的限制。有些系統會在輸入時把像這樣的相容字元標準化回普通 ASCII 形式,有些則在使用者名稱、電子郵件地址與識別碼中直接拒絕它們。在 Canva 內部這很少造成問題,因為編輯器會把它們當作普通文字處理,但如果你把同一段字串剪下貼到會執行驗證的表單欄位中,請預期會出現意外情況。搜尋與排序行為也可能與普通 ASCII 有所不同,因此當你的受眾、平台或該字串的角色取決於機器可讀的身分識別時,請選擇純文字加上語意化的樣式。100,000 個程式碼點的上限也是基於同樣的原因而存在:非常長的 Unicode 字串可能會在使用者看不到的情況下,讓渲染時間、剪貼簿寫入與記憶體暴增,因此這個輸入上限是用來保護使用體驗,而不是用來悄悄隱藏失敗。
貼進 Canva 之後,你仍然可以編輯個別的圓圈字母。每個圓圈字元在底層資料中都是獨立的文字元素,Canva 在選取、刪除與重新輸入方面會把它當作任何其他字元來處理。如果要替換某個字元,卻又不希望其他地方失去圓圈樣式,只要用泡泡文字產生器單獨產生缺少的那一個字元,再貼到該位置即可,讓設計的其餘部分保持原樣。這樣就能避免每次只改一個字母就得重新產生整個片語。
如果你的設計需要超過一行的裝飾文字,可以在同一個 Canva 作品中結合泡泡文字與普通文字。標題或提示文字使用圓圈 Unicode,輔助文字使用你平常的品牌字型,可以為眼睛提供清楚的層級,並讓較長的段落保持無障礙性。另一種在 Canva 中運用 Unicode 的方法 — 不是把字母包進圓圈,而是把字母上下翻轉 — Canva 的上下顛倒 Unicode 方法採用同樣的「本機產生再貼上」工作流程,只是對應表不同。