網頁字型預覽
即時預覽 Google Fonts 的網頁字型。 同時調整大小與顏色,比較多種字型。
12px72px
Arial
sans-serifArial, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Helvetica
sans-serifHelvetica, Arial, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Verdana
sans-serifVerdana, Geneva, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Trebuchet MS
sans-serif"Trebuchet MS", Helvetica, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Georgia
serifGeorgia, "Times New Roman", serif
The quick brown fox jumps over the lazy dog. 0123456789
Times New Roman
serif"Times New Roman", Times, serif
The quick brown fox jumps over the lazy dog. 0123456789
Courier New
monospace"Courier New", Courier, monospace
The quick brown fox jumps over the lazy dog. 0123456789
Impact
displayImpact, Haettenschweiler, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Comic Sans MS
display"Comic Sans MS", cursive, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
monospace
genericmonospace
The quick brown fox jumps over the lazy dog. 0123456789
serif
genericserif
The quick brown fox jumps over the lazy dog. 0123456789
sans-serif
genericsans-serif
The quick brown fox jumps over the lazy dog. 0123456789
分享此工具
📖
使用方法
Step 1
輸入文字

輸入要預覽的文字
→
Step 2
選擇字型

選擇要比較的字型
→
Step 3
查看預覽

調整字型大小與粗細並預覽
✨
功能特色
即時預覽
輸入文字時字型顯示即時更新
支援 Google Fonts
從豐富的 Google Fonts 字型庫中選擇
字型比較
並排顯示多種字型以找到最合適的
❓
FAQ
可預覽 Google Fonts 上提供的字型。
🔗相關工具
🎨
設計工具色碼換算工具
在 HEX、RGB 和 HSL 色碼之間互換。 使用顏色選擇器和即時預覽直觀選色。
🎨
設計工具色彩選擇器
使用色輪和滑桿直覺地選取顏色。 取得並複製 HEX、RGB 和 HSL 格式的色彩代碼。
🎨
設計工具圖片色彩擷取器
自動偵測圖片中的主要色彩並生成色彩調色盤。 也可以點擊圖片上的任意位置來取得個別色彩。
🎯
設計工具圖片平均色彩擷取器
計算整張圖片或選定區域的平均色彩。 適合用於選擇配色方案或縮圖背景顏色。
🌈
設計工具CSS 漸層產生器
使用拖動控制視覺化建立 CSS 漸層。 支援線性、放射狀和圓錐漸層類型及預設。
🔲
設計工具CSS 陰影產生器
使用滑桿視覺化建立 CSS box-shadow。 支援多重陰影和內陰影。