Hype教程,如何設定字型樣式?
Hype作為一款專業的MacOS平臺互動動效設計軟體,其具備了文字檢查器的功能,它能根據使用者需求更改文字大小,樣式,陰影和間距,還允許使用者選擇自己的字型樣式。
下面小編就通過使用Hype 4,教大家如何去使用它的文字檢查器來新增、更新和刪除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紅框標出的“減號”就可以對選中的字型進行刪除。