
GRIDLOVER
網站名稱:GRIDLOVER
網站連結:http://www.gridlover.net/try
網站連結:http://www.gridlover.net/try
Step1
進入網站後,先點上方的HTML,將原來的假字,換成中文,由於中文字比較複雜,因此等下在調整上會比較不會有落差。

Step2
當輸入完畢後,回到原來的畫面,接著透過上方的控制把,可即時的設定文字的大小、行距、字距。

Step3
甚至也可改變文字的單位,像是常用的px、em、rem。

Step4
除了上方可設定文字的樣式外,在右邊的欄位中,也是用拖拉的方式,來調整頁面的設定。

Step5
都設定好後,再點上方的PREVIEW鈕,就可即時的預覽所設定的文字樣式,是否閱讀起來感到舒服。

Step6
當確認沒問題後,就可把右邊的CSS樣的碼複製,並貼回自己專案的網頁中啦!
