造字VS瀏覽器(沒用)

 這是一個常見的問題，主要原因是瀏覽器在處理字型時，可能不會像記事本那樣直接、完整地去讀取作業系統中所有字型（包括使用者自造字 EUDC）的連結。

以下是一些可以嘗試的解決方法：

  1. 確認造字程式的「字型連結」設定 (最可能的原因)

    • 開啟造字程式 (EUDCEDIT.EXE)：

      • 可以在「開始」功能表搜尋 造字 或 Private Character Editor。

      • 或者直接執行 C:\Windows\System32\eudcedit.exe。

    • 檢查字型連結：

      • 在造字程式中，點擊「檔案」(File) -> 「字型連結」(Font Links...)。

      • 你會看到兩個選項：

        • 與所有字型連結 (Link with All Fonts)： 這是預設選項。理論上，所有應用程式都應該能使用。但瀏覽器有時不遵守這個規則。

        • 與選定字型連結 (Link with Selected Font(s))： 這個選項通常更可靠，尤其是針對特定應用程式（如瀏覽器）。

    • 嘗試「與選定字型連結」：

      1. 選擇「與選定字型連結」。

      2. 在跳出的視窗中，選擇一個你常用的中文字型，例如「新細明體」(PMingLiU)、「微軟正黑體」(Microsoft JhengHei) 等。建議至少選擇一個你確定瀏覽器會使用的字型。可以多選幾個。

      3. 點擊「確定」儲存設定。

      4. 重新啟動電腦： 這是非常重要的一步，字型連結的變更通常需要重啟後才能完全生效。

  2. 在瀏覽器中指定字型 (配合方法1)

    • 如果你知道你將自造字連結到了哪個特定字型（例如「新細明體」），你可以嘗試在瀏覽器中（如果可能的話，例如透過 CSS）明確指定使用該字型來顯示包含自造字的內容。

    • 測試方法：

      1. 建立一個簡單的 HTML 檔案，例如 test.html：

              <!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <title>EUDC Test</title>
    <style>
        body {
            /* 將 '新細明體' 替換為你連結自造字的字型名稱 */
            font-family: '新細明體', PMingLiU, sans-serif;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <p>這是一個測試，包含自造字： </p>
    <!-- 將   替換為你的自造字碼位 -->
    <!-- 自造字區段通常是 U+E000 至 U+F8FF -->
</body>
</html>

      2. 用瀏覽器開啟這個 test.html 檔案，看看自造字是否顯示。

      3. 如果不行，嘗試更換 font-family 中的字型名稱，例如 '微軟正黑體', 'Microsoft JhengHei UI', 'Microsoft JhengHei'。

  3. 清除瀏覽器快取和字型快取

    • 有時候瀏覽器會快取字型資訊，導致更新後的自造字無法立即顯示。

    • 清除瀏覽器的一般快取（歷史記錄、Cookie、快取圖片和檔案）。

    • Windows 也有系統層級的字型快取，但通常重啟電腦會處理這個問題。

  4. 檢查登錄檔 (進階，請小心操作)

    • 自造字的資訊儲存在登錄檔中。可以檢查設定是否正確。

    • 路徑：HKEY_CURRENT_USER\EUDC

    • 在這個機碼下，會有對應字碼頁 (例如 950 代表 Big5) 的子機碼。

    • 在字碼頁子機碼內，SystemDefaultEUDCFont 應該指向你的 EUDC 字型檔案 (預設是 EUDC.TTE)。

    • 如果你選擇了「與選定字型連結」，這裡還會有其他項目，將特定字型名稱映射到 EUDC.TTE。

    • 除非你很清楚你在做什麼，否則不建議直接修改登錄檔。

  5. 嘗試不同的瀏覽器

    • 看看問題是發生在所有瀏覽器（Edge, Chrome, Firefox 等）還是特定的瀏覽器。這有助於判斷問題的範圍。

  6. 確認自造字碼位

    • 確保你在瀏覽器中輸入或顯示的自造字碼位 (Unicode Private Use Area, 通常是 U+E000 到 U+F8FF) 與你在造字程式中編輯的碼位一致。

總結建議步驟：

  1. 優先嘗試方法 1： 在造字程式中，將自造字「與選定字型連結」(例如「新細明體」或「微軟正黑體」)。

  2. 儲存設定後，務必重新啟動電腦。

  3. 測試：

    • 先在記事本中測試。

    • 然後在瀏覽器中測試。如果直接在網址列或搜尋框輸入不顯示，嘗試使用上面提供的 HTML 範例，並修改 font-family 指向你連結的字型。

如果以上方法都無效，問題可能比較複雜，可能與特定的瀏覽器版本或 Windows 更新有關。但通常「與選定字型連結」並重啟是最有效的方法。

重要提醒：
使用者自造字 (EUDC) 是本機設定。這意味著只有在你自己的電腦上，並且正確設定後才能看到這些字。如果你將包含這些自造字的文件或網頁傳給其他人，他們如果沒有相同的自造字檔案和設定，是看不到這些特殊字元的（可能會顯示為方塊或問號）。

留言

張貼留言

這個網誌中的熱門文章

Offscreen Canvas

 你說得完全正確！這是一個非常經典的效能最佳化思路。如果尖刺框的參數沒有改變，重複計算所有尖刺的路徑和幾何形狀確實是一種浪費。 有幾種方法可以「記憶」或快取你畫的尖刺框，避免不必要的重繪計算： 快取到一個離屏 Canvas (Offscreen Canvas) - 最推薦的方法 原理 ：創建一個與主 Canvas 大小相同（或者只需要能容納尖刺框的大小）的隱藏 Canvas。當尖刺框的參數改變時，或者第一次繪製時，將完整的尖刺框（包括尖刺和中間的填充橢圓）繪製到這個離屏 Canvas 上。 後續繪製 ：在主 Canvas 的每一幀渲染時，如果尖刺框的參數沒有改變，你只需要使用 ctx.drawImage() 將離屏 Canvas 的內容直接繪製到主 Canvas 的目標位置即可。這遠比重新計算和繪製所有尖刺要快得多。 優點 ： 效能提升顯著， drawImage 非常快。 代碼結構清晰，繪製邏輯和快取邏輯分離。 可以快取包含複雜效果（如漸層、陰影等）的圖形。 缺點 ： 需要額外的記憶體來儲存離屏 Canvas。對於大多數尖刺框來說，這通常不是問題。 如果尖刺框需要動態改變大小或位置，離屏 Canvas 的管理（重新創建或調整大小）需要考慮。 快取路徑指令 (Path2D Object) - 適用於路徑本身 原理 ： Path2D 物件可以儲存一系列的 Canvas 路徑指令（ moveTo , lineTo , ellipse , bezierCurveTo 等）。當尖刺框的參數改變時，你構建一個或多個 Path2D 物件來代表尖刺框的各個部分（例如，一個 Path2D 給中心橢圓，另一個給所有尖刺的集合）。 後續繪製 ：如果參數未變，你可以直接使用 ctx.fill(cachedPath) 或 ctx.stroke(cachedPath) 來繪製已儲存的路徑。 優點 ： 比重新執行所有 moveTo/lineTo 更快一些，因為路徑已經編譯好了。 記憶體佔用可能比離屏 Canvas 小。 缺點 ： Path2D 只儲存路徑，不儲存樣式（顏色、線寬等）。你仍然需要在繪製時設定 ctx.fillStyle , ctx.strokeStyle , ctx.lineWidth 。 對於你用 drawTaperedLine 繪製的填充錐形尖刺，...
閱讀完整內容

外部網頁新增 Google 日曆行程(URL模板)

  好的，從外部網頁新增 Google 日曆行程，最常用且最簡單的方法是使用 Google Calendar Event Publisher Guide 提供的 URL 模板 。這種方法不需要複雜的 API 整合或使用者授權流程 (OAuth)，只需要產生一個特殊格式的連結即可。 使用者點擊這個連結後，會被導向到他們自己的 Google 日曆，並看到一個預先填好資訊的新增行程頁面，他們只需要確認並儲存即可。 以下是詳細步驟和說明： 方法：使用 Google 日曆事件發布連結 (URL Template) 基本 URL 結構： https: //www.google.com/calendar/render?action=TEMPLATE 添加參數以預填行程資訊： 在基本 URL 後面加上 & 和 參數名稱=參數值 來指定行程細節。重要的參數包括： text : 行程標題 (必填) 。 範例： &text=團隊會議 dates : 行程開始和結束時間 (必填) 。格式非常重要，必須是 ISO 8601 格式，且 強烈建議使用 UTC (世界標準時間) ，以避免時區混淆。 特定時間格式： YYYYMMDDTHHMMSSZ/YYYYMMDDTHHMMSSZ (Z 表示 UTC) 範例 (2024年7月26日 UTC 下午 2:00 到 3:00)： &dates=20240726T140000Z/20240726T150000Z 全天事件格式： YYYYMMDD/YYYYMMDD (結束日期是 不包含 的那一天的日期，所以通常是開始日期加一天) 範例 (2024年7月27日全天)： &dates=20240727/20240728 location : 行程地點 。 範例： &location=台北101會議室 details : 行程說明或備註 。可以包含換行符號 ( \n )。 範例： &details=討論下一季專案規劃。\n請攜帶筆記型電腦。 sprop : 來源網站資訊 (可選，但建議加入)。 範例： &sprop=name:我的網站名稱&sprop=url:https://www.mywebsite.com add : 邀請的賓客 Email (可選)...
閱讀完整內容

計算 Canvas 文字最大字體

 好的，我將產生一個 HTML 頁面，其中包含一個 Canvas 元素和一個文字輸入框。當你在輸入框中輸入文字並點擊按鈕後，程式碼會自動計算出在指定的 Canvas 寬度內，該文字能夠完整顯示的最大字體大小，並將該字體大小的文字繪製在 Canvas 上。 <html> <head> <title>計算 Canvas 文字最大字體</title> <style> #myCanvas { border: 1px solid black; } </style> </head> <body> <div> <label for="inputText">輸入文字:</label> <input type="text" id="inputText" value="Hello"> </div> <div> <label for="canvasWidth">Canvas 寬度:</label> <input type="number" id="canvasWidth" value="300"> </div> <button id="calculateBtn">計算並繪製</button> <canvas id="myCanvas" width="300" height="100"></canvas> <script> const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); const inputText = document.getElementById('inputText...
閱讀完整內容