網頁設計-文字大小、字體、顏色、對齊、行距、字距與文字連結

1. 文字類型

點選 Site Builder 右邊 →「類型」。

在「類型」中，可編輯文字樣式，例如：字體、大小、線條高度(行高)、字母間距、對齊、類型、顏色，調整的過程中，都可預覽文字呈現的效果。

❶. 自訂文字樣式

除了原本已預設好的文字風格，也可另外自訂一些文字風格，原本的文字風格也可調整。

❷. 編輯字體

在「字體」中，除了下拉式選項中的字體，還可點選「編輯字體」→「添加字體」，將有更多的字體可以選擇，目前僅提供"英文字體"，不提供中文字體。

❸. 字形調整

①. 於「標準」中，可調整:

• 文字大小
• 線條高度(行的高度)
• 字母間距
• 對齊(靠左、置中、靠右)
• 類型(加粗、斜體、底線)
• 顏色

②. 於「連結」中，可調整:

• 連結文字 - 可設定字體顏色、加粗、斜體、底線
• 連結懸停(是指文字有設超連結時，滑鼠移至文字上時，文字會呈現的樣式) - 可設定字體顏色、加粗、斜體、底線

③. 於「進階」中，可調整:

• 文本轉換：文字正常、文字大寫、文字小寫。
• 邊界/填補：設定此字型的邊界高度或寬度的預留大小。
• 各種裝置的字型大小:可各別調整設定寬螢幕、桌上電腦、平版、手機，文字的顯示大小比例。

2. 文字(設定錨點)

點擊 Site Builder 左邊的 ，將「文字」放置於編輯位置，選擇文字類型，即可進行網頁文字編輯。

①. 在文字框的右上角會有鉛筆圖示可進行「修改文字」。

②. 點選編輯器左邊的字型選項，將字型選項拉到最下方選擇「編輯樣式」，就可個別設定每個文字框的字型。

點選「編輯樣式」後，先從左側找到對應的文字類型，再從右側設定字型。