2021年6月7日 星期一

HTML5 : Poke 戳戳樂 : 手動調整字體大小

2021年6月7日 星期一

 HTML5 戳戳樂抽中的問題對話框中,文字會自動調整字體的大小,預設值,它以不超過框高度的 80%來處理;不過,如果遇到字串較長,又不帶空格的,會因為較難分析斷點,而產生計算失誤的問題,字超出版面的寬度,而無法完整呈現。這個問題,遇到英文、數字及半形的符號比較容易發生,中文似乎好一點。

有人遇到字體大小的問題了,問到要如何改大小?

解決字體大小的問題有兩種:

  • 下載最近的戳戳樂,手動加入字體大小的設定。
  • 在有問題的題目字串中加入適當的空格。

以前 Flash 版的戳戳樂有個 fontsize 的參數可以設定所有文字的字體大小,HTML5 版原來也有這個參數,最近一次大升級改為自動調整大小,參數也廢掉不用(也因為這樣,形成「儲存」的功能找不到字體的變數,而產生程序錯誤)。

既然有手動設定字體大小的需求,於是戳戳樂 .f 版(2021.06.07),在題庫內容的「第二欄」中,可以指定該題文字的字體大小,例如,想使用 40 的字,可以在題目的「第二欄」中放入:


font-size=40


例如我有三題的題目如下:


(1)this.is.a.test.for.font.size
(2)this.is.a.test.for.font.size,font-size=40
(3)this.  is.a.test.  for.font.size


第一題(1)會有字太大而超出顯示範圍的問題。

第二題(2)比第一題在後面多了「,font-size=40」,因為逗號為欄位分隔符號,表示這一題有兩個欄位,等於第二欄中放了:


font-size=40


這樣子,程式會以 40 去設定這題的字體大小。不過,因為是手動設定字體大小,得自己去試 font-size 要多少才是適合的大小。

第三題(3)和第一題最大的差異是多加了一些空格在字串中。因為加入了空格,程式在斷字計算字數時會較清楚,所以第三題的字體可以順利地自動計算。

底下錄了一小段影片來說明並驗證結果:


相關文章




0 意見:

張貼留言

 
© 2009. Design by Pocket