Hype如何設定字型樣式
好多朋友問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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- CSS內聯樣式的使用,設定字型屬性CSS
- Android開發之動態設定字型的樣式和粗細Android
- 直播系統app原始碼,設定樣式(字型樣式、行列寬高、對齊方式、邊框)APP原始碼
- css字型樣式CSS
- word藝術字型如何設定?
- win10如何修改字型樣式_win10怎樣更改系統字型Win10
- 成品直播原始碼,設定樣式(字型樣式、行列寬高、對齊方式、邊框、填充和漸變)原始碼
- canvas 設定矩形樣式Canvas
- CSS 設定 <progress>樣式CSS
- CSS 設定列表樣式CSS
- CSS 設定文字樣式CSS
- QSpinBox樣式表設定
- QMenu setStyleSheet樣式設定
- canvas—元素樣式設定Canvas
- win10如何修改系統字型樣式 win10系統修改字型樣式的步驟Win10
- win10電腦字型大小怎麼設定_win10如何設定字型大小Win10
- win10 1903系統字型加粗怎樣設定_win10電腦字型如何加粗變大Win10
- TextMeshPro - 字型設定
- sqldeveloper 字型設定SQLDeveloper
- css字型設定CSS
- css字型樣式屬性CSS
- 樣式字型測試使用
- cad標註樣式設定引數 怎麼設定cad標註樣式
- 【Android】設定 LinearLayout 的樣式Android
- SVG 設定線條樣式SVG
- CSS 設定placeholder文字樣式CSS
- CSS 設定table表格樣式CSS
- CSS 設定連結樣式CSS
- iOS UISearchController樣式全面設定iOSUIController
- CSS 設定svg元素樣式CSSSVG
- QTableWidget 設定列寬樣式QT
- ECharts 樣式設定介紹Echarts
- HTML5畫布如何設定線的樣式?HTML
- matplotlib預設字型設定
- 001---css樣式規則及css字型樣式CSS
- Android更換APP字型—TextView各種字型樣式AndroidAPPTextView
- web app響應式字型設定!rem之我見WebAPPREM
- CSS 設定<img>圖片樣式CSS