Bopomofo_on_Web
Bopomofo_on_Web copied to clipboard
本計劃嘗試透過Web與OpenType字體技術來顯示注音符號。
就是打國字會自動轉成注音的字型 像這段影片的效果:https://www.youtube.com/watch?v=ubf6dD4oz6s
 瀏覽器:Firefox 70.0b14(64 位元) 系統:Linux Mint 18.3
## Fonts - Incorrect placement of bopomofo tone marks in vertical writing mode: [https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16525660/](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/16525660/) ## Layout - `ruby-position: inter-character` not supported - `` works by fallback to span
## Fonts - Incorrect placement of bopomofo tone marks in vertical writing mode: [rdar://problem/38762315](rdar://problem/38762315) ## Layout - `ruby-position: inter-character` supported but fails tests - `` works by fallback to span
這是我之前的想法,不知道大家覺得可不可行。 仿照 Ideographic Description Character 的概念  字型理論上可以新增一個扁的字形,再用上下文替代做出來 (說不定有其他更好的方法實現,這就要請教這裡熟悉 Font Features 的各位大神了) 當然,這也得要輸入法有支援才行 (選字欄必須要有可以選合體字的選項)
近年的字型有調號歐文化的問題 明明以前新細明體/儷黑的時代,都是正確的注音調號 但近年OS的新字型全開倒車 微軟正黑體、黑體-繁、蘋方 的聲調全變成歐文形式 (尺寸過小難讀,且二聲方向相反) 思源黑體的調號是正確的,在Android上卻又優先使用歐文調號 這該怎麼反應呢(思)
猜測為了讓聲調能夠疊在注音符號上所以需要去調整"聲調"字寬 因此有去詢問Adobe Dr.Ken Lunde,建議使用OpenType GPOS 'vert' 但為什應是使用"vert "而不是"vpal"? 依照規範vert 應用在GSUB (用作替換另一個glyph)嗎?
## Fonts - Text renders as if font-feature-settings: "ruby" were set by default, on Mac OS/Linux [https://bugzilla.mozilla.org/show_bug.cgi?id=1454462](https://bugzilla.mozilla.org/show_bug.cgi?id=1454462) - Technically, this behavior is expected, but in reality it doesn't happen on...
## Fonts - No CJK GSUB/GPOS positional adjustments: [https://bugs.chromium.org/p/chromium/issues/detail?id=825006](https://bugs.chromium.org/p/chromium/issues/detail?id=825006) ## Layout - The default setting of minimum font size may make layout of some pages broken: [https://bugs.chromium.org/p/chromium/issues/detail?id=36429]() - `ruby-position: inter-character`...