字元預覽器
載入本機的 TTF、OTF、WOFF 或 WOFF2 檔案至目前標籤,並檢視 8 至 200 像素範圍內的自訂文字。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.選擇一個可信的 TTF、OTF、WOFF 或 WOFF2 檔案,大小不得超過 10 MiB。
- 2.輸入代表性的預覽文字,並選擇一個整數字型大小,範圍為 8 至 200 像素。
- 3.檢視當前瀏覽器中的字元覆蓋與顯示效果,並可選擇另一個檔案來取代臨時的字型面。
關於字元預覽器
字元預覽器會將一個本機字型檔案載入目前瀏覽器標籤,並套用至自訂樣本文字上。請選擇非空的 TTF、OTF、WOFF 或 WOFF2 檔案,大小不得超過 10 至 MiB,輸入需要檢視的文字,並設定大小從 8 至 200 像素。瀏覽器透過 FontFace API 來讀取並驗證字型。該檔案不會上傳至 Lizely,亦不會安裝於作業系統。
此字型僅存在於頁面的文件字型集合中。關閉或重整分頁會移除它,選擇其他文件會在載入取代字型前,將先前的字型從文件中刪除。此工具不會將位元組複製至系統 Fonts 資料夾、更改應用程式偏好設定、建立 CSS 套件,或保留文件供後續使用。
支援的檔名延伸名為 TTF、OTF、WOFF 與 WOFF2。僅有接受的延伸名並不保證瀏覽器能解碼實際位元組內容。損毀的檔案、不支援的內部表、標籤錯誤的資料或當前瀏覽器拒絕的格式,將導致明顯的載入錯誤。此工具信任瀏覽器字型引擎,而非聲稱能修復或轉換字型。
10 至 MiB 的限制會影響瀏覽器記憶體與載入時間。字型檔可能包含複雜的表與多個字元,因此即使有效檔也需時間解析。介面會顯示載入狀態,並防止舊的緩慢載入取代較新的選擇。字型位元組保持本機,但使用者仍應從可信來源取得字型檔,因為字型是複雜的二進位輸入,需由瀏覽器程式碼處理。
預覽文字為一般可編輯的 Unicode 文字。某個字元是否顯示,取決於字型內的字元覆蓋範圍。若缺少字元,可能顯示為方框或瀏覽器的預設字元。此工具不會合成缺失的字元、證明完整語言支援、列出字元對應表,或透過影像分析區分預設字元與所選字型。
字型大小必須為整數像素值,範圍為 8 至 200。此控制僅改變 CSS 預覽大小,不會修改字型單位、提示、外框、間距表或輸出位元組。行高固定,以確保可讀性。瀏覽器縮放、裝置像素比、作業系統渲染與抗鋸齒會影響該字型在其他環境中的顯示。
顯示的標籤來自所選的檔名,而非宣告的內部家族或風格記錄。一個名為 Demo Bold 的檔案可能包含不同的內部元資料,此工具不聲稱檔名具有權威性。它會建立一個獨特的臨時家族名稱,以避免與網站已使用的字型衝突。
使用字元預覽器檢視樣本詞、數字、標點符號、大寫小寫形狀、大致間距,以及字型檔在瀏覽器中的相容性,再決定是否安裝或整合至網頁。此工具不計算授權權利、檢視嵌入許可、檢視子集字元、轉換格式、產生 @font-face CSS、測量精確印刷輸出,或比較多個字型的並排顯示。授權與重新分發的決策必須來自字型本身的實際授權條款。
預覽為視覺呈現,僅存在於當前頁面,不會產生輸出下載,因為原始檔未變更。若要確保網頁使用可靠,應在目標瀏覽器中測試字型,並確認其授權格式與重量。此工具僅提供私人初步檢視,並非正確性、安全性、可及性、效能或跨平臺渲染等的認證。
方法與來源
依支援的副檔名驗證有大小限制的本機檔案、建立不重複的暫用 CSS 字型家族、使用其 ArrayBuffer 建構 FontFace、等待瀏覽器完成解碼、防止過時的非同步載入結果,只將成功載入的字型加入 document.fonts,套用使用者範例和經驗證的像素大小,並從文件集合中刪除先前或已卸載的字型。
常見問題
- 這個字型安裝在我的電腦上嗎?
- 不。它僅被加入當前頁面的文件字型集合,並在頁面關閉或重新載入時消失。
- 為何有些字元顯示為方框或預設形狀?
- 所選的字型可能不包含這些字元,因此瀏覽器會顯示缺失字元或預設行為。
- 支援的延伸名能保證載入嗎?
- 不會。損毀、標籤錯誤或內部不支援的字型資料仍可能被瀏覽器引擎拒絕。
- 這個字型會上傳嗎?
- 不會。瀏覽器會透過 FontFace API 本機讀取所選的位元組。
相關工具
文字工具 使用指南
查看全部- How to View Font Glyphs Without Installing the Font (英文原文)
- How to Preview Fonts on Windows Before Installing (英文原文)
- How to Preview Fonts in GIMP Before Installing (英文原文)
- How to Preview Fonts Locally in Your Browser (英文原文)
- Convert PowerPoint to Text: Build a Slide-by-Slide Draft (英文原文)
- How to Remove Text Formatting in Notepad++ (英文原文)
- Google Translate to Pig Latin: A Local Browser Tool (英文原文)
- Check for Palindrome in JavaScript: Methods and Verify (英文原文)
- NATO Phonetic Alphabet Online Translator and Decoder (英文原文)
- MLA Citation Generator: Authors, Titles, and Dates (英文原文)
- Dummy Text Explained: Origins and Quick Generation (英文原文)
- How to Randomize a List in Google Sheets Without Formulas (英文原文)
- How to Count Lines in Google Docs Accurately (英文原文)
- How to Remove Line Breaks in Excel Cell Content (英文原文)
- How to Change Line Breaks in Word to \n or Real Breaks (英文原文)
- How to Get the Lenny Face Vault Code in Geometry Dash (英文原文)
- Best Kaomoji API Alternative for Instant Copy (英文原文)
- How to Get Italic Text in LaTeX Using Unicode (英文原文)
- How to Make Character Invisible in JJS Using Unicode (英文原文)
- Online Grocery List: A Private Browser-Saved Checklist (英文原文)