說明

在網頁呈現點字時，使用 Braille Unicode 能夠在不同瀏覽器上顯示點字，但未凸起的點位是空白，若點數較少或單獨呈現，不易確認點位， SimBraille 字型則會在未凸起的點位以較小的黑點填補，視覺辨識較為容易，但部份裝置或瀏覽器若無 SimBraille 字型則無法順利呈現；本筆記參考文章「讓網頁顯示特定中文字型﹍安裝實作教學」並加以調整，讓網頁中的點字也能以 SimBraille 字型顯示。

效果

• braille unicode
  ⠁⠮⠐⠊⠱⠐⠡⠄⠅⠮⠁⠚⠮⠐⠊⠱⠐⠬⠐⠍⠞⠐
• SimBraille 字型
  a!"i:"*'k!aj!"i:"+"mt"

作法

插入程式碼

<style type="text/css"> @font-face { font-family: 'SimBraille'; src: url('https://class.kh.edu.tw/sites/19061/bulletin_file/198/SIMBRL.TTF') format('truetype'); } .hurtblog{font-family: 'SimBraille';}</style>

要以點字呈現的文字夾在中間

<span class="hurtblog"> #1234567890 </span>

效果是：#1234567890

其他範例

五線譜與點字樂譜對照(.svg)