Unity3D 實用技能 - 圖片字體

Bitmap字體(圖片字體)

使用步驟

1. 導(dǎo)入 Font Setter Packer。

Note: 如果項目里不導(dǎo)入包,而只是使用打包后的圖片字體的話,在手機上可能顯示不出來,那樣需要修改材質(zhì)球的Shader 為 GUI。

2. 圖片修改 Inspector

  • Texture Type => Advanced
  • Read/Write Enabled => true
  • Alpha is Transparent => true
  • Default/Format => Automatic Truecolor
  • 點擊 Apply 保存
左側(cè)是原始的參考文件,右側(cè)是 PS后的文件

Note: 原圖片(.png)的大小一定要是 2^n。否則會在下一步彈出報錯 Error: Font Map is NPOT, Change the import Settings property for NPOT map to 'None'

3. 選擇 Window 下的 Font Editor 進(jìn)行編輯

打開圖片的兩種方式:

  1. 在彈出窗口的右側(cè)選框(New Font From Image[Texture2D])中選擇剛才修改過的圖片。
  2. 或者點選窗口菜單欄的 file/creatte font from image

4. 選取文字對應(yīng)的圖片

兩種方法
1. 自動選取:Tools/Auto-set gylphs。每次自動選擇后,鍵入 Character 中需要的文字,點擊 Next,如果出現(xiàn)不需要的文字(或雜質(zhì)),可以點擊 Skip 跳過。點擊 Stop 結(jié)束。
2. 手動選取:點擊右側(cè) +1,調(diào)整選取大小并設(shè)置 Character。

TIM圖片20171028104932.png

Note: 圖片文字整齊的字體適合用手動選取,圖片文字凌亂的適合用自動選取。
Note: 框選的字體需要設(shè)置錨點,勾選 Glyph Pivot。 錨點決定 Text 組件該從哪個地方渲染這個字體。錨點不對齊文字就很不整齊。

5. 選取完之后,點擊 Tools/Pack Font Map 進(jìn)行設(shè)置。再點擊 Pack 進(jìn)行打包。最后點擊 Accept Pack Result

生成的文件包括一個 .fontsetting,一個 .mat 和一個 .png。
.fontsetting 的 Inspector 面板中可以設(shè)置行距以及字間距。注意改名時不要讓其引用的材質(zhì)丟失

Note: 點擊 Pack 之后就已經(jīng)進(jìn)行打包了,此時文件已經(jīng)寫入當(dāng)前文件夾。字體文件就可以使用了。最后的 Accept Pack Result 按鈕有些情況點擊會報錯,不過不影響使用。
Note: Pack 會生成一些中間文件,可以刪掉。最后只保留名字最后帶(Packed) 的文件就可以了
Note: 如果字體呈現(xiàn)黑色,則需要設(shè)置 UnityEngine.UI.Text 組件上的 Color 為白色

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容