在 Dreamweaver 中使用「管理字體」對話方塊,新增和修改字體組合

字體組合會決定瀏覽器顯示網頁文字的方式。瀏覽器會使用安裝於使用者系統上的組合中的第一種字體;如果組合中的字體一種也沒有安裝,瀏覽器將會依照使用者瀏覽器偏好設定所指定的方式顯示文字。

將 Adobe Edge Web 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>

  1. 選取「工具 > 管理字體」。

    「Adobe Edge 字體」標籤會顯示您可以新增至字體清單的所有 Adobe Edge Web Fonts。

  2. 若要在此清單中尋找字體,並將找到的字體新增到「字體清單」中,請執行下列動作:

    • 按一下您要新增至字體清單中的字體。
    • 若要取消選取字體,再按一下該字體。
    • 使用篩選器精選出偏好的字體。例如,若要精選出 Serif 類型的字體,請按一下
    • 您可以使用多重篩選器。例如,若要精選出可用於段落的 Serif 類型的字體,請按一下
    • 若要依名稱搜尋字體,請在搜尋方塊中輸入其名稱。
  3. 按一下 ,篩選您已選取的字體。

  4. 按一下「完成」。

從任何位置開啟「字體清單」。例如,您可以使用「屬性」面板中「CSS」區塊的「字體」清單。

在「字體」清單中,Dreamweaver 字體堆疊會列在網頁字體前面。向下捲動該清單,找出選取的字體。

將本機網頁字體新增到字體清單

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

  1. 選取「工具 > 管理字體」。

  2. 在「管理字體」對話方塊中,選取「本機網頁字體」。

  3. 針對您想要新增的字體類型,按一下對應的「瀏覽」按鈕。例如,若您的字體格式為 EOT,則按一下對應至 EOT 字體的「瀏覽」按鈕。

  4. 瀏覽至電腦上包含該字體的位置。選取檔案並開啟。如果該位置存在此字體的其他格式,則這些格式會自動新增到對話方塊中。「字體名稱」也會自動從字體名稱中挑選出來。

  5. 出現要求您確認授權該字體以供網站使用的選項時,請加以選取。

  6. 按一下「完成」。

    字體清單會顯示在「目前本機的網頁字體清單」中。

若要從字體清單中移除網頁字體,請在「目前本機的網頁字體清單」中選取字體,然後按一下「移除」。

建立自訂字體堆疊

字體堆疊是 CSS 字體系列宣告中的一份字體清單。

  1. 選取「工具 > 管理字體」,然後選取「自訂字體堆疊」。

    修改字體組合
    修改字體組合

  2. 從對話方塊頂端的清單中,選取字體組合。

    所選取組合中的字體就會列在對話方塊左側的「已選取的字體」清單中。右邊則是系統上已安裝的所有可用字體清單。

  3. 請執行下列其中一項作業:
    • 若要從字體組合新增或移除字體,請按一下「已選取的字體」清單和「可用的字體」清單之間的箭頭按鈕 (<< 或 >>)。

    • 若要新增或移除字體組合,請按一下對話方塊頂端的加號 (+) 和減號 (-) 按鈕。

    • 若要新增系統上未安裝的字體,請在「可用的字體」清單下方的文字欄位中鍵入字體名稱,並且按一下「<<」按鈕將它新增到組合中。當您在 Macintosh 上開發網頁而要指定 Windows 專用字體時,新增系統上未安裝的字體就很有用處。

    • 若要將清單中的字體組合上移或下移,請按一下對話方塊頂端的箭頭按鈕。

將新的組合新增到字體清單

  1. 選取「工具 > 管理字體」。

  2. 從「可用的字體」清單選取字體,然後按一下「<<」按鈕將字體移到「已選取的字體」清單。
  3. 對組合中接下來的每一種字體重複步驟 2。

    若要新增系統上未安裝的字體,請在「可用的字體」清單下方的文字欄位中輸入字體名稱,按一下「<<」按鈕將字體新增到組合中。當您在 Macintosh 上開發網頁而要指定 Windows 專用字體時,新增系統上未安裝的字體就很有用處。

  4. 完成選取特定字體後,請從「可用的字體」選單選取一般字體系列,並且按一下「<<」按鈕將這些一般字體系列移到「已選取的字體」清單。

    一般字體系列包括 Cursive、Fantasy、Monospace、Sans-serif 和 Serif。如果使用者系統上完全沒有「已選取的字體」清單中的字體,文字就會使用與一般字體系列相關的預設字體來顯示。例如,在大多數系統上的預設 Monospace 字體是 Courier。

預覽插入的字體

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

更新多個檔案的網頁字體 Script 標籤

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

更新頁面上的網頁字體 Script 標籤

選取「工具 > 清理目前頁面的網頁字體 Script 標籤」,以更新網頁上未反映在 Script 標籤中的任何網頁字體。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策