選取「工具 > 管理字體」。
上次更新時間
2021年12月14日
在 Dreamweaver 中使用「管理字體」對話方塊，新增和修改字體組合
備註
自 2022 年 7 月 1 日起，Adobe Edge Web Fonts 將在 Dreamweaver 21.2 及更早版本中停止使用。如果您在網站上使用 Edge Web Fonts，可以將其改為使用 Adobe Fonts 或任何其他偏好的字體。
字體組合會決定瀏覽器顯示網頁文字的方式。 瀏覽器會使用安裝於使用者系統上的組合中的第一種字體；如果組合中的字體一種也沒有安裝，瀏覽器將會依照使用者瀏覽器偏好設定所指定的方式顯示文字。
將 Adobe Edge Web Fonts 新增到字體清單
您可以在網頁中使用 Adobe Edge Web Fonts。 當您在網頁中使用 Edge 字體時，系統會新增額外的 Script 標籤以便參考 JavaScript 檔案。 此檔案會將來自 Creative Cloud 伺服器的字體直接下載到瀏覽器的快取中。
網頁顯示時，系統會從 Creative Cloud 伺服器中下載這些字體，即便使用者電腦上已有該字體也一樣。
例如，僅使用「Abel」字體的 Script 標籤會帶有下列格式：
<!--下列指令碼標記會從 Adobe Edge Web Fonts 伺服器下載字型，以供在網頁內使用。我們建議您不要修改它。-->
<script>var adobewebfontsappname ="dreamweaver"</script>
<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>
「Adobe Edge 字體」標籤會顯示您可以新增至字體清單的所有 Adobe Edge Web Fonts。
若要在此清單中尋找字體，並將找到的字體新增到「字體清單」中，請執行下列動作：
- 按一下您要新增至字體清單中的字體。
- 若要取消選取字體，再按一下該字體。
- 使用篩選器精選出偏好的字體。 例如，若要建立 Serif 類型字型的候選清單，請按一下。
- 您可以使用多重篩選器。 例如，若要篩選出可用於段落的 Serif 類型篩選器，請按一下。
- 若要依名稱搜尋字體，請在搜尋方塊中輸入其名稱。
按一下以篩選您所選取的字型。
按一下「完成」。
從任何位置開啟「字體清單」。 例如，您可以使用「屬性」面板中「CSS」區塊的「字體」清單。
在「字體」清單中，Dreamweaver 字體堆疊會列在網頁字體前面。 向下捲動該清單，找出選取的字體。
將本機網頁字體新增到字體清單
您可以將電腦中的網頁字體新增至 Dreamweaver 中的「字體」清單。 新增的字體會反映在 Dreamweaver 的所有「字體」選單中。 系統支援 EOT、WOFF、TTF 與 SVG 字型的字體。
選取「工具 > 管理字體」。
在「管理字體」對話方塊中，選取「本機網頁字體」。
針對您想要新增的字體類型，按一下對應的「瀏覽」按鈕。 例如，若您的字體格式為 EOT，則按一下對應至 EOT 字體的「瀏覽」按鈕。
瀏覽至電腦上包含該字體的位置。 選取檔案並開啟。 如果該位置存在此字體的其他格式，則這些格式會自動新增到對話框中。 「字體名稱」也會自動從字體名稱中挑選出來。
出現要求您確認授權該字體以供網站使用的選項時，請加以選取。
按一下「完成」。
字體清單會顯示在「目前本機的網頁字體清單」中。
若要從字體清單中移除網頁字體，請在「目前本機的網頁字體清單」中選取字體，然後按一下「移除」。
建立自訂字體堆疊
字體堆疊是 CSS 字體系列宣告中的一份字體清單。
選取「工具 > 管理字體」，然後選取「自訂字體堆疊」。
從對話方塊頂端的清單中，選取字體組合。
所選取組合中的字體就會列在對話方塊左側的「已選取的字體」清單中。 右邊則是系統上已安裝的所有可用字體清單。
請執行下列其中一項作業：
若要從字體組合新增或移除字體，請按一下「已選取的字體」清單和「可用的字體」清單之間的箭頭按鈕 (<< 或 >>)。
若要新增或移除字體組合，請按一下對話方塊頂端的加號 (+) 和減號 (-) 按鈕。
若要新增系統上未安裝的字體，請在「可用的字體」清單下方的文字欄位中鍵入字體名稱，並且按一下「<<」按鈕將它新增到組合中。 當您在 Macintosh 上開發網頁而要指定 Windows 專用字體時，新增系統上未安裝的字體就很有用處。
若要將清單中的字體組合上移或下移，請按一下對話方塊頂端的箭頭按鈕。
將新的組合新增到字體清單
選取「工具 > 管理字體」。
從「可用的字體」清單選取字體，然後按一下「<<」按鈕將字體移到「已選取的字體」清單。
對組合中接下來的每一種字體重複步驟 2。
若要新增系統上未安裝的字體，請在「可用的字體」清單下方的文字欄位中輸入字體名稱，按一下「<<」按鈕將字體新增到組合中。 當您在 Macintosh 上開發網頁而要指定 Windows 專用字體時，新增系統上未安裝的字體就很有用處。
完成選取特定字體後，請從「可用的字體」選單選取一般字體系列，並且按一下「<<」按鈕將這些一般字體系列移到「已選取的字體」清單。
一般字體系列包括 Cursive、Fantasy、Monospace、Sans-serif 和 Serif。 如果使用者系統上完全沒有「已選取的字體」清單中的字體，文字就會使用與一般字體系列相關的預設字體來顯示。 例如，在大多數系統上的預設 Monospace 字體是 Courier。
預覽插入的字體
您無法在「設計」檢視中預覽 Edge 字體與網頁字體。 切換至「即時」檢視或在瀏覽器中預覽頁面，以便預覽這些字體。
更新多個檔案的網頁字體 Script 標籤
當您在連結到多個 HTML 檔案的 CSS 檔案中更新字體時，系統會提示您更新相關 HTML 檔案中的 Script 標籤。 當您按一下「更新」時，所有受影響的 HTML 檔案中的 Script 標籤都會更新。
更新頁面上的網頁字體 Script 標籤
選取「工具 > 清理目前頁面的網頁字體 Script 標籤」，以更新網頁上未反映在 Script 標籤中的任何網頁字體。
