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