如何將網頁裡的文字設定為自定義的字型?

編寫網頁時想要用一些系統沒有的字型怎麼辦?小編這就來講講如何將網頁裡的文字設定為自己自定義的字型

工具/原料

下載好的字型檔案

電腦

sublime或記事本等其他網頁編輯器

方法/步驟

新建一個專案資料夾

如何將網頁裡的文字設定為自定義的字型

在專案裡新建html檔案,並把下載好的字型檔案拷貝進來

如何將網頁裡的文字設定為自定義的字型

在html檔案裡編寫html部分的程式碼

如何將網頁裡的文字設定為自定義的字型

儲存並執行,檢視效果,此時現實的是系統字型

如何將網頁裡的文字設定為自定義的字型

在html檔案的head標籤裡新增css的程式碼來更改標題文字的字型,將其設定為毛澤東字型

如何將網頁裡的文字設定為自定義的字型

儲存並在瀏覽器執行,效果如下,設定成功了。

如何將網頁裡的文字設定為自定義的字型

注意事項

想要設定別的字型也行,自己去網上下載就好

系統, 文字, 網頁, 字型,
相關問題答案