您現在可以在網頁中使用 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 字體系列宣告的字體清單。透過「管理字體」對話方塊裡的「自訂字體堆疊」標籤,您可以執行下列作業:
- 使用「+」按鈕新增字體堆疊。
- 若要編輯現有的字體堆疊,從「字體清單」中選取字體堆疊。使用「>>」與「<<」按鈕來更新「已選取的字體」清單。
- 使用「-」按鈕刪除現有的字體堆疊。
- 使用箭頭按鈕重新排列堆疊順序。