LIVE TYPE

一個字，可以有多過一個讀音

同一個漢字放進不同詞語，讀音可能會改變。CantoMore 保留原本中文文字，再以 OpenType 語境規則顯示合適嘅粵拼。

保留原文毋須插入額外文字或圖片
彩色結構聲母、韻腹、韻尾、聲調一眼可辨
語境配音常見多音字按詞語自動選讀音

淺色背景

詩史試時市事

銀行　行街　操行

深色背景 palette

銀行　行街　操行

CANTOMORE DICTIONARY

字型同字詞典，一齊持續進步

為使字型中嘅詞語配搭正確讀音，我哋亦開發咗《粵音字詞典》。字詞典向公眾開放添加及修訂建議，再由專人審批，並定期將確認嘅特殊讀音更新到字型。

我哋希望一字多音、粵語口語同新創字都能準確展示，讓每個時代嘅語言特色得到完整保存。

前往《粵音字詞典》

QUICK START

幾行代碼，即刻開始

下載字型直接使用，或者載入隨附 CSS；所有檔案均採用有版本嘅固定網址，方便網站穩定部署。

用 CSS 快速載入

一般網頁直接載入預備好嘅 cantomore.css。佢會註冊字型檔同深色背景 palette；你唔需要自己重寫 @font-face。

HTML快速載入

<link rel="stylesheet"
  href="https://cdn.cantomore.com/font/v1.2.0/cantomore.css">

<p class="cantomore">銀行 行街</p>

下載 CantoMore CSS 樣式

自己控制字型同深色配色

WOFF2 適合現代瀏覽器，TTF 適合桌面軟件及安裝字型。你亦可以覆寫 palette index 0–4 嘅五種拼音顏色，以及 index 5 嘅 outline／shadow 顏色同透明度。

CSS字型註冊

@font-face {
  font-family: "CantoMore";
  src: url("https://cdn.cantomore.com/font/v1.2.0/cantomore.woff2")
       format("woff2");
  font-display: swap;
}

.cantomore {
  font-family: "CantoMore", sans-serif;
}

CSS深色背景 palette

@font-palette-values --cantomore-dark {
  font-family: "CantoMore";
  base-palette: 0;
  override-colors: 0 #75B9FFFF, 1 #D6A7FFFF,
    2 #75D99AFF, 3 #DDB47AFF,
    4 #FF8B7AFF, 5 #FFFDF740;
}

.cantomore-dark {
  color: #FFFDF7;
  font-palette: --cantomore-dark;
}

只收錄真正需要嘅語境規則

字型唔會收錄每一個詞語或句子。現版本共有 11,237 個詞語／句子需要改變預設讀音；只加入呢啲規則及最少量防止重疊嘅技術規則，令檔案保持精簡。

OPEN LICENSE

SIL Open Font License 1.1

CantoMore 按 SIL Open Font License 1.1（OFL 1.1）授權。本項目以教育、公益、文化保育及非商業分享為初衷。請保留原有版權及授權聲明，並以新版本重新發佈任何修改後嘅字型。

完整法律條款請一併閱讀發佈包內嘅授權檔案。下載或使用本字型，即表示你同意遵守 OFL 1.1。

CantoMore 粵語讀音提示字型睇得明，讀得準。

字型版本與下載