Hype如何設定字型樣式

紫色的鳶尾花發表於2022-03-11

好多朋友問Hype如何設定字型樣式?今天就給大家帶來Hype設定字型樣式的具體教程,希望能幫到你!

一、選擇字型

預設情況下,Hype提供了一組被認為是“ Web安全”的字型,這些字型是可以在各種瀏覽器上使用,以及所有iOS裝置上可用的一組字型,裝置相容性非常高,具體字型選擇方式如下圖1所示。

首先選中需要修改字型的文字,然後在Hype右側選單中,切換到“排印”選項卡,可選的字型如圖1紅框所示,點選字型即可切換被選中的文字的字型樣式。

二、新增字型

當然,大家除了使用Hype文字檢查器中提供的預設字型外,還可以通過新增第三方網路字型服務提供的程式碼來向Hype軟體中新增字型,具體操作步驟如下。

在“排印”選項卡中,點選“新增更多字型”,然後選擇“自定義CSS”,如下圖2所示。

然後準備好需要新增的字型的CSS樣式程式碼。下面小編使用Futura Bold字型的CSS程式碼來進行演示,具體程式碼如下圖3所示,大家可以通過訪問“www.blog.fontspring.com”來獲取更多其他字型的CSS樣式檔案。

在開啟的CSS新增頁面上,輸入“顯示名稱”、“CSS字型系列”,這2個可隨意輸入。然後在“嵌入式頭HTML”框中輸入字型的CSS樣式程式碼,完成以後,點選“新增字型”即可,如下圖4。

三、編輯和刪除字型

既然Hype支援新增字型,那麼支不支援編輯更新和刪除已有字型呢?當然也是可以的。首先點選Hype右上角的“資源”按鈕,開啟資源視窗,如下圖5紅框所示。然後滑鼠右鍵點選需要更新的字型,點選“編輯字型”即可進入CSS樣式程式碼編輯頁面。

刪除字型也很簡單,點選圖6紅框標出的“減號”就可以對選中的字型進行刪除。

好了,這就是小編整理的關於使用Hype設定字型樣式的具體教程,跟多教程請關注macw!



來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69971301/viewspace-2869376/,如需轉載,請註明出處,否則將追究法律責任。

相關文章