如何製作網頁上自定義字型的全部格式?

Tags: 網頁, 格式, 字型,

寫網頁偶爾會遇到特殊字型的需求,一個兩個還好,直接截圖也行;BUT,偶爾的我們需要批量的自定義字型,而且有些字型不容易找全,這篇介紹了相關方法。

工具/原料

TransType4

字型一款

方法/步驟

首先你要有軟體,這款軟體mac和win上都有,你要用其他系統,我也沒辦法;其次,你要有字型,至少先下載一個.ttf的吧,如何下載字型,這裡不多說。

如何製作網頁上自定義字型的全部格式

開啟TransType4,你會看到如下介面。英文版的,湊合看。

如何製作網頁上自定義字型的全部格式

將字型拖入,介面變成下面的樣子了;點選右上角的小三角號(紅色圈),選擇合適的路徑。

如何製作網頁上自定義字型的全部格式

看到下面的介面就對了,可能需要等一下;工作總要花時間麼~~

如何製作網頁上自定義字型的全部格式

然後,如果你看到類似下面的檔案就應該成功了,開啟副檔名為html的看下吧。

如何製作網頁上自定義字型的全部格式

對了,css也寫好了,省的你再麻煩了。

如何製作網頁上自定義字型的全部格式

相容還不錯,看下效果吧

如何製作網頁上自定義字型的全部格式

注意事項

軟體是收費的但是可以試用!

網頁, 格式, 字型,
相關問題答案