TypeAnything:線上文章排版CSS除錯工具

Type Anything 是一款支援線上除錯文章排版樣式的工具,功能設計很簡單,主要提供一段文章範本(裡頭包含H1、H2標題和文字),使用者通過快速按鈕來切換字型、文字大小、行高、字重、邊緣等相關屬性,預覽效果。

TypeAnything:線上文章排版CSS除錯工具

開啟Type Anything網站後,左側是調整工具,右側為預設的文章範本,你也可以把自己的文章複製貼上,透過這項線上服務來進行排版調整,從網頁瀏覽器上即時看到效果。

它跟一般的文字編輯器有點相似,選取文欄位落後可將它切換為H1、H2 或H3 標題,或加入粗體、斜體及底線效果,在設定完標題及內文位置後,利用左側來進行樣式編輯。

Type Anything能切換調整不同的字型組合,輸入字型名稱就能即時搜尋Google Fonts裡收錄的免費字型,不過這裡目前還無法使用中文字型,因此你可以先選擇任一字型,最後輸出CSS後再進行細部修改。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *