新增 Edge 和 Web 字體至字體清單 (CC)

您可以同時將 Adobe Edge 字體與網頁字體新增到 Dreamweaver 的字體清單中。在「字體清單」裡，Dreamweaver 所支援的字體堆疊會先列在網頁字體與 Edge 字體的前頭。

您現在可以在網頁中使用 Adobe Edge 字體。當您在網頁中使用 Edge 字體時，系統會新增額外的 Script 標籤以便參考 JavaScript 檔案。此檔案會將來自 Creative Cloud 伺服器的字體直接下載到瀏覽器的快取中。

網頁顯示時，系統會從 Creative Cloud 伺服器中下載這些字體，即便使用者電腦上已有該字體也一樣。

例如，(在 12.2) 僅使用「Abel」字體的 Script 標籤具有下列格式：

<!--下列 Script 標籤會從 Adobe Edge Web Fonts 伺服器下載字體以便應用在網頁中。建議您不要擅自修改。-->

<script src="http://webfonts.creativecloud.com/abel:n4:default.js" type="text/javascript"></script>

「abel」是伺服器用來識別該字體的內部名稱。n4 代表所下載的字體變體為「normal」樣式，且其寬度為「400」。

在 Dreamweaver CC，加入的 Script 如下：

<!--下列 Script 標籤會從 Adobe Edge Web Fonts 伺服器下載字體以便應用在網頁中。建議您不要擅自修改。-->

<script>var adobewebfontsappname ="dreamweaver"</script>

<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>

您可以將電腦中的網頁字體新增至 Dreamweaver 中的「字體」清單。新增的字體會反映在 Dreamweaver 的所有「字體」選單中。系統支援 EOT、WOFF、TTF 與 SVG 字型的字體。

字體堆疊是一份內含 CSS 字體系列宣告的字體清單。透過「管理字體」對話方塊裡的「自訂字體堆疊」標籤，您可以執行下列作業：

• 使用「+」按鈕新增字體堆疊。
  
• 若要編輯現有的字體堆疊，從「字體清單」中選取字體堆疊。使用「>>」與「<<」按鈕來更新「已選取的字體」清單。
  
• 使用「-」按鈕刪除現有的字體堆疊。
• 使用箭頭按鈕重新排列堆疊順序。

您無法在「設計」檢視中預覽 Edge 字體與網頁字體。切換至「即時」檢視或在瀏覽器中預覽頁面，以便預覽這些字體。

當您在連結到多個 HTML 檔案的 CSS 檔案中更新字體時，系統會提示您更新相關 HTML 檔案中的 Script 標籤。當您按一下「更新」時，所有受影響的 HTML 檔案中的 Script 標籤都會更新。

選取「命令 > 清理目前頁面的網頁字體 Script 標籤」，以更新網頁上未反映在 Script 標籤中的網頁字體。