# Styling Text

###### tags: `ITSA題庫`

## 題目敘述

請修改附檔當中的 `index.html`， 實作出一個特色文字圖片產生器。具體要求描述如下：

* 有一個長度在 100 字元內的文字輸入框，可以輸入任意英文訊息。在頁面開啟時，必須先放一些文字在裏面以供展示外觀
* 有一個外觀調整區，可以調整以下外觀選項：
* 文字字體選擇器，以附檔中提供的十個字體為選項
* 字體大小，區間為 16px 至 120px， 每步增減 4px
* 文字顏色
* 背景顏色
* 外觀選項在頁面開啟時，必須要先給一些初始值
* 有一個展示區可以展示當前生成的文字外觀，任意外觀選項被改變時，展示區都要即時反應變化
* 有一個按鈕可以輸出展示區的文字至圖片當中，並下載存檔

## 範例輸出

頁面開啟時必須要先展示一些文字和初始外觀

變更外觀選項

儲存並下載成圖片

## 資料來源

本題字體來源： https://fonts.google.com/