Đơn vị tuyệt đối của kiểu chữ, được tiêu chuẩn hóa là 1/72 inch

Các điểm đo kích thước phông chữ, khoảng cách dòng (leading) và các kích thước kiểu chữ khác. Một phông chữ 12pt có nghĩa là khoảng cách từ phần dưới cùng nhất đến phần trên cùng nhất là 12 điểm (1/6 inch hoặc 4,23mm). Hệ thống điểm cung cấp các phép đo độc lập với thiết bị, được chuyển đổi nhất quán trên các phương tiện.

Ví dụ: 12pt Times New Roman = cao 0,1667 inch = 4,23mm. Văn bản chuyên nghiệp thường sử dụng 10-12pt, tiêu đề 18-72pt.

Đơn vị kỹ thuật số đại diện cho một điểm duy nhất trên màn hình hoặc hình ảnh

Pixel là các đơn vị phụ thuộc vào thiết bị, thay đổi tùy theo mật độ màn hình (DPI/PPI). Cùng một số lượng pixel sẽ lớn hơn trên các màn hình có độ phân giải thấp (72 PPI) và nhỏ hơn trên các màn hình retina có độ phân giải cao (220+ PPI). Hiểu được mối quan hệ DPI/PPI là rất quan trọng để có kiểu chữ nhất quán trên các thiết bị.

Ví dụ: 16px ở 96 DPI = 12pt. Cùng 16px ở 300 DPI (in) = 3,84pt. Luôn chỉ định DPI mục tiêu khi chuyển đổi pixel.

Đơn vị kiểu chữ truyền thống bằng 12 điểm hoặc 1/6 inch

Pica đo chiều rộng cột, lề và kích thước bố cục trang trong thiết kế in ấn truyền thống. Phần mềm xuất bản trên máy tính để bàn như InDesign và QuarkXPress sử dụng pica làm đơn vị đo lường mặc định. Một pica bằng đúng 12 điểm, giúp việc chuyển đổi trở nên đơn giản.

Ví dụ: Một cột báo tiêu chuẩn có thể rộng 15 pica (2,5 inch hoặc 180 điểm). Bố cục tạp chí thường sử dụng các số đo 30-40 pica.

1450–1737

Sự ra đời của chữ in rời đã tạo ra nhu cầu về các phép đo tiêu chuẩn hóa, nhưng các hệ thống khu vực vẫn không tương thích trong nhiều thế kỷ.

• 1450: Máy in của Gutenberg tạo ra nhu cầu về kích thước chữ tiêu chuẩn
• Thập niên 1500: Kích thước chữ được đặt tên theo các phiên bản Kinh thánh (Cicero, Augustin, v.v.)
• Thập niên 1600: Mỗi khu vực châu Âu phát triển hệ thống điểm riêng
• Thập niên 1690: Nhà sắp chữ người Pháp Fournier đề xuất hệ thống 12 phần
• Các hệ thống ban đầu: Cực kỳ không nhất quán, khác nhau 0,01-0,02mm giữa các vùng

1737–1886

Nhà in người Pháp François-Ambroise Didot đã tạo ra tiêu chuẩn thực sự đầu tiên, được áp dụng trên khắp Lục địa châu Âu và vẫn được sử dụng cho đến ngày nay ở Pháp và Đức.

• 1737: Fournier đề xuất một hệ thống điểm dựa trên inch hoàng gia của Pháp
• 1770: François-Ambroise Didot tinh chỉnh hệ thống — 1 điểm Didot = 0,376 mm
• 1785: Cicero (12 điểm Didot) trở thành đơn vị đo lường tiêu chuẩn
• Thập niên 1800: Hệ thống Didot thống trị ngành in ấn Lục địa châu Âu
• Hiện đại: Vẫn được sử dụng ở Pháp, Đức, Bỉ cho việc in ấn truyền thống

1886–1984

Các nhà in người Mỹ và Anh đã tiêu chuẩn hóa hệ thống pica, định nghĩa 1 điểm là 0,013837 inch (1/72,27 inch), thống trị kiểu chữ tiếng Anh.

• 1886: American Type Founders thành lập hệ thống pica: 1 pt = 0,013837 inch
• 1898: Người Anh áp dụng tiêu chuẩn của Mỹ, tạo ra sự thống nhất Anh-Mỹ
• Thập niên 1930-1970: Hệ thống pica thống trị toàn bộ ngành in tiếng Anh
• Sự khác biệt: Điểm Anh-Mỹ (0,351mm) so với Didot (0,376mm) — lớn hơn 7%
• Tác động: Yêu cầu các khuôn chữ riêng biệt cho thị trường Mỹ/Anh so với thị trường châu Âu

1984–nay

Tiêu chuẩn PostScript của Adobe đã thống nhất kiểu chữ toàn cầu bằng cách định nghĩa 1 điểm chính xác là 1/72 inch, chấm dứt nhiều thế kỷ không tương thích và cho phép kiểu chữ kỹ thuật số.

• 1984: Adobe PostScript định nghĩa 1 pt = chính xác 1/72 inch (0,3528mm)
• 1985: Apple LaserWriter biến PostScript thành tiêu chuẩn cho xuất bản trên máy tính để bàn
• Thập niên 1990: Điểm PostScript trở thành tiêu chuẩn toàn cầu, thay thế các hệ thống khu vực
• Thập niên 2000: TrueType, OpenType áp dụng các phép đo của PostScript
• Hiện đại: Điểm PostScript là tiêu chuẩn chung cho tất cả các thiết kế kỹ thuật số

Được thành lập vào năm 1770 bởi François-Ambroise Didot

Tiêu chuẩn của Lục địa Châu Âu, vẫn được sử dụng ở Pháp, Đức và các khu vực của Đông Âu cho việc in ấn truyền thống.

• 1 điểm Didot = 0,376 mm (so với PostScript 0,353 mm) — lớn hơn 6,5%
• 1 Cicero = 12 điểm Didot = 4,51 mm (tương đương với pica)
• Dựa trên inch hoàng gia của Pháp (27,07 mm), mang lại sự đơn giản giống như hệ mét
• Vẫn được ưa chuộng trong in sách nghệ thuật và cổ điển châu Âu
• Sử dụng hiện đại: Imprimerie nationale của Pháp, kiểu chữ Fraktur của Đức

Được tạo ra vào năm 1978 bởi Donald Knuth cho việc sắp chữ bằng máy tính

Tiêu chuẩn học thuật cho xuất bản toán học và khoa học, được tối ưu hóa cho bố cục kỹ thuật số chính xác.

• 1 điểm TeX = 1/72,27 inch = 0,351 mm (khớp với điểm Anh-Mỹ cũ)
• Được chọn để duy trì khả năng tương thích với các ấn phẩm học thuật trước kỹ thuật số
• 1 pica TeX = 12 điểm TeX (nhỏ hơn một chút so với pica của PostScript)
• Được sử dụng bởi LaTeX, hệ thống xuất bản khoa học thống trị
• Quan trọng cho: Các bài báo học thuật, văn bản toán học, tạp chí vật lý

Kiểu chữ của Microsoft Word và Windows

Đơn vị đo lường nội bộ cho các trình xử lý văn bản, cung cấp khả năng kiểm soát chi tiết cho bố cục tài liệu kỹ thuật số.

• 1 twip = 1/20 điểm = 1/1440 inch = 0,0176 mm
• Tên gọi: 'Một phần hai mươi của một điểm' — phép đo cực kỳ chính xác
• Được sử dụng nội bộ bởi: Microsoft Word, Excel, PowerPoint, Windows GDI
• Cho phép kích thước điểm phân số mà không cần tính toán dấu phẩy động
• 20 twip = 1 điểm, cho phép độ chính xác 0,05pt cho việc sắp chữ chuyên nghiệp

Tiêu chuẩn của American Type Founders năm 1886

Tiêu chuẩn trước kỹ thuật số cho việc in ấn tiếng Anh, hơi khác so với PostScript.

• 1 điểm của thợ in = 0,013837 inch = 0,351 mm
• Bằng 1/72,27 inch (so với PostScript 1/72) — nhỏ hơn 0,4%
• Pica = 0,166 inch (so với PostScript 0,16667) — một sự khác biệt hầu như không đáng kể
• Thống trị từ năm 1886-1984 trước khi có sự thống nhất của PostScript
• Tác động di sản: Một số cửa hàng in truyền thống vẫn tham chiếu đến hệ thống này

Từ 'font' (phông chữ) bắt nguồn từ tiếng Pháp 'fonte' có nghĩa là 'đúc' hoặc 'nóng chảy'—ám chỉ kim loại nóng chảy được đổ vào khuôn để tạo ra các mảnh chữ kim loại riêng lẻ trong in ấn truyền thống.

PostScript đã chọn 72 điểm trên mỗi inch vì 72 chia hết cho 2, 3, 4, 6, 8, 9, 12, 18, 24 và 36—giúp tính toán dễ dàng hơn. Nó cũng rất gần với hệ thống pica truyền thống (72,27 điểm/inch).

Bauer Bodoni có giá 89.900 đô la cho toàn bộ họ phông chữ—một trong những phông chữ thương mại đắt nhất từng được bán. Thiết kế của nó đòi hỏi nhiều năm làm việc để số hóa từ các mẫu chữ kim loại gốc từ những năm 1920.

Mặc dù bị các nhà thiết kế ghét, Comic Sans lại làm tăng tốc độ đọc cho những người bị chứng khó đọc lên 10-15% do hình dạng chữ cái không đều giúp tránh nhầm lẫn các ký tự. Thực ra nó là một công cụ hỗ trợ tiếp cận có giá trị.

Biểu tượng '@' có những cái tên khác nhau trong các ngôn ngữ khác nhau: 'con sên' (tiếng Ý), 'đuôi khỉ' (tiếng Hà Lan), 'con chuột nhỏ' (tiếng Trung) và 'cá trích ngâm cuộn' (tiếng Séc)—nhưng nó vẫn là cùng một ký tự 24pt.

Apple đã chọn 72 DPI cho các máy Mac ban đầu để khớp chính xác với các điểm PostScript (1 pixel = 1 điểm), giúp xuất bản trên máy tính để bàn WYSIWYG trở nên khả thi lần đầu tiên vào năm 1984. Điều này đã cách mạng hóa thiết kế đồ họa.

Gutenberg phát minh ra chữ in rời—nhu cầu đầu tiên về tiêu chuẩn đo lường chữ

François-Ambroise Didot tạo ra hệ thống điểm Didot (0,376 mm)

American Type Founders tiêu chuẩn hóa hệ thống pica (1 pt = 1/72,27 inch)

Donald Knuth tạo ra hệ thống điểm TeX cho việc sắp chữ học thuật

Adobe PostScript định nghĩa 1 pt = chính xác 1/72 inch—sự thống nhất toàn cầu

Apple LaserWriter mang PostScript đến với xuất bản trên máy tính để bàn

Định dạng phông chữ TrueType tiêu chuẩn hóa kiểu chữ kỹ thuật số

CSS giới thiệu kiểu chữ web với các phép đo dựa trên pixel

iPhone giới thiệu màn hình retina @2x—thiết kế không phụ thuộc vào mật độ

Android ra mắt với dp (pixel không phụ thuộc vào mật độ)

Phông chữ web (WOFF) cho phép sử dụng kiểu chữ tùy chỉnh trực tuyến

Đặc tả phông chữ biến đổi—một tệp, vô số kiểu

96 DPI (96 pixel mỗi inch)

Microsoft đã tiêu chuẩn hóa 96 DPI trong Windows 95, tạo ra tỷ lệ 4:3 giữa pixel và điểm. Đây vẫn là mặc định cho hầu hết các màn hình PC.

• 1 px ở 96 DPI = 0,75 pt (4 pixel = 3 điểm)
• 16px = 12pt — chuyển đổi kích thước văn bản phổ biến
• Lịch sử: Được chọn là 1,5 lần so với tiêu chuẩn CGA 64 DPI ban đầu
• Hiện đại: Màn hình DPI cao sử dụng tỷ lệ 125%, 150%, 200% (120, 144, 192 DPI)
• Mặc định web: CSS giả định 96 DPI cho tất cả các chuyển đổi từ px sang vật lý

72 DPI (cũ), 220 PPI (@2x Retina)

72 DPI ban đầu của Apple khớp với các điểm PostScript 1:1. Các màn hình Retina hiện đại sử dụng tỷ lệ @2x/@3x để hiển thị sắc nét.

• Cũ: 1 px ở 72 DPI = chính xác 1 pt (tương ứng hoàn hảo)
• Retina @2x: 2 pixel vật lý mỗi điểm, hiệu quả 220 PPI
• Retina @3x: 3 pixel vật lý mỗi điểm, 330 PPI (iPhone)
• Ưu điểm: Kích thước điểm khớp trên màn hình và bản xem trước khi in
• Thực tế: Retina vật lý là 220 PPI nhưng được chia tỷ lệ để xuất hiện dưới dạng 110 PPI (2×)

160 DPI (pixel không phụ thuộc vào mật độ)

Hệ thống dp (pixel không phụ thuộc vào mật độ) của Android chuẩn hóa thành cơ sở 160 DPI, với các nhóm mật độ cho các màn hình khác nhau.

• 1 dp ở 160 DPI = 0,45 pt (160 pixel/inch ÷ 72 điểm/inch)
• Các nhóm mật độ: ldpi (120), mdpi (160), hdpi (240), xhdpi (320), xxhdpi (480)
• Công thức: pixel vật lý = dp × (DPI màn hình / 160)
• 16sp (pixel không phụ thuộc vào tỷ lệ) = kích thước văn bản tối thiểu được đề xuất
• Ưu điểm: Cùng một giá trị dp xuất hiện giống hệt nhau về mặt vật lý trên tất cả các thiết bị Android

72 DPI (@1x), 144 DPI (@2x), 216 DPI (@3x)

iOS sử dụng điểm như một đơn vị logic giống hệt với các điểm PostScript, với số lượng pixel vật lý phụ thuộc vào thế hệ màn hình (không phải retina @1x, retina @2x, siêu retina @3x).

• 1 điểm iOS ở @1x = 1,0 pt PostScript (cơ sở 72 DPI, giống như PostScript)
• Retina @2x: 2 pixel vật lý mỗi điểm iOS (144 DPI)
• Super Retina @3x: 3 pixel vật lý mỗi điểm iOS (216 DPI)
• Tất cả các thiết kế iOS đều sử dụng điểm; hệ thống tự động xử lý mật độ pixel
• 17pt = kích thước văn bản tối thiểu được đề xuất (khả năng truy cập)

Độ phân giải của máy in — có bao nhiêu điểm mực vừa vặn trong một inch

DPI đo độ phân giải đầu ra của máy in. DPI cao hơn tạo ra văn bản và hình ảnh mượt mà hơn bằng cách đặt nhiều điểm mực hơn trên mỗi inch.

• 300 DPI: Tiêu chuẩn cho in ấn chuyên nghiệp (tạp chí, sách)
• 600 DPI: In laser chất lượng cao (tài liệu kinh doanh)
• 1200-2400 DPI: In ảnh chuyên nghiệp và tái tạo mỹ thuật
• 72 DPI: Chỉ dành cho xem trước trên màn hình — không thể chấp nhận được để in (trông có răng cưa)
• 150 DPI: In nháp hoặc áp phích khổ lớn (xem từ xa)

Độ phân giải màn hình — có bao nhiêu pixel vừa vặn trong một inch của màn hình

PPI đo mật độ màn hình. PPI cao hơn tạo ra văn bản trên màn hình sắc nét hơn bằng cách đóng gói nhiều pixel hơn vào cùng một không gian vật lý.

• 72 PPI: Màn hình Mac ban đầu (1 pixel = 1 điểm)
• 96 PPI: Màn hình Windows tiêu chuẩn (1,33 pixel mỗi điểm)
• 110-120 PPI: Màn hình máy tính xách tay/máy tính để bàn giá rẻ
• 220 PPI: MacBook Retina, iPad Pro (mật độ pixel 2 lần)
• 326-458 PPI: iPhone Retina/Super Retina (mật độ pixel 3 lần)
• 400-600 PPI: Điện thoại Android cao cấp (Samsung, Google Pixel)

In ấn sử dụng các đơn vị tuyệt đối (điểm, pica) vì kích thước đầu ra vật lý phải chính xác và không phụ thuộc vào thiết bị.

• Văn bản chính: 10-12pt cho sách, 9-11pt cho tạp chí
• Tiêu đề: 18-72pt tùy thuộc vào thứ bậc và định dạng
• Khoảng cách dòng (leading): 120% kích thước phông chữ (văn bản 12pt = khoảng cách 14,4pt)
• Đo kích thước tuyệt đối bằng pica: 'Chiều rộng cột: 25 pica'
• Luôn thiết kế ở 300 DPI để in chuyên nghiệp
• Không bao giờ sử dụng pixel để in — chuyển đổi chúng thành điểm/pica/inch

Kiểu chữ web sử dụng pixel và các đơn vị tương đối vì màn hình có kích thước và mật độ khác nhau.

• Văn bản chính: 16px mặc định (tiêu chuẩn trình duyệt) = 12pt ở 96 DPI
• Không bao giờ sử dụng kích thước điểm tuyệt đối trong CSS — trình duyệt hiển thị chúng một cách không thể đoán trước
• Thiết kế đáp ứng: Sử dụng rem (liên quan đến phông chữ gốc) để có khả năng mở rộng
• Văn bản tối thiểu: 14px cho nội dung, 12px cho chú thích (khả năng truy cập)
• Chiều cao dòng: 1.5 (không có đơn vị) để dễ đọc văn bản chính
• Truy vấn phương tiện: Thiết kế cho 320px (di động) đến 1920px+ (máy tính để bàn)

Các nền tảng di động sử dụng các đơn vị không phụ thuộc vào mật độ (dp/pt) để đảm bảo kích thước vật lý nhất quán trên các mật độ màn hình khác nhau.

• iOS: Thiết kế bằng điểm (pt), hệ thống tự động chia tỷ lệ thành @2x/@3x
• Android: Sử dụng dp (pixel không phụ thuộc vào mật độ) cho bố cục, sp cho văn bản
• Mục tiêu chạm tối thiểu: 44pt (iOS) hoặc 48dp (Android) để có khả năng truy cập
• Văn bản chính: tối thiểu 16sp (Android) hoặc 17pt (iOS)
• Không bao giờ sử dụng pixel vật lý — luôn sử dụng các đơn vị logic (dp/pt)
• Kiểm tra trên nhiều mật độ: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi

Xuất bản học thuật sử dụng các điểm TeX để có độ chính xác toán học và khả năng tương thích với các tài liệu đã có.

• LaTeX sử dụng các điểm TeX (72,27 mỗi inch) để tương thích với các phiên bản cũ
• Tạp chí tiêu chuẩn: phông chữ Computer Modern 10pt
• Định dạng hai cột: các cột 3,33 inch (240pt) với khoảng cách 0,25 inch (18pt)
• Phương trình: Kích thước điểm chính xác là rất quan trọng đối với ký hiệu toán học
• Chuyển đổi cẩn thận: 1 TeX pt = 0,9963 PostScript pt
• Đầu ra PDF: TeX tự động xử lý các chuyển đổi hệ thống điểm

• Luôn làm việc bằng điểm hoặc pica — không bao giờ bằng pixel để in
• Thiết lập tài liệu ở kích thước thực tế (300 DPI) ngay từ đầu
• Sử dụng 10-12pt cho văn bản chính; bất cứ thứ gì nhỏ hơn sẽ làm giảm khả năng đọc
• Khoảng cách dòng nên bằng 120-145% kích thước phông chữ để đọc thoải mái
• Lề: Tối thiểu 0,5 inch (36pt) để đóng sách và xử lý
• In thử ở kích thước thực tế trước khi gửi đến nhà in thương mại

• Sử dụng rem cho kích thước phông chữ — cho phép người dùng phóng to mà không làm hỏng bố cục
• Đặt phông chữ gốc thành 16px (mặc định của trình duyệt) — không bao giờ nhỏ hơn
• Sử dụng các giá trị chiều cao dòng không có đơn vị (1.5) thay vì chiều cao cố định
• Không bao giờ sử dụng kích thước điểm tuyệt đối trong CSS — hiển thị không thể đoán trước
• Kiểm tra trên các thiết bị thực, không chỉ thay đổi kích thước trình duyệt — DPI rất quan trọng
• Kích thước phông chữ tối thiểu: 14px cho nội dung, 12px cho chú thích, 44px cho mục tiêu chạm

• iOS: Thiết kế ở @1x, tự động xuất tài sản @2x và @3x
• Android: Thiết kế bằng dp, kiểm tra trên mdpi/hdpi/xhdpi/xxhdpi
• Văn bản tối thiểu: 17pt (iOS) hoặc 16sp (Android) để có khả năng truy cập
• Mục tiêu chạm: tối thiểu 44pt (iOS) hoặc 48dp (Android)
• Kiểm tra trên các thiết bị vật lý — trình mô phỏng không hiển thị mật độ thực
• Sử dụng phông chữ hệ thống khi có thể — chúng được tối ưu hóa cho nền tảng

• Văn bản chính tối thiểu: 16px (web), 17pt (iOS), 16sp (Android)
• Độ tương phản cao: 4.5:1 cho văn bản chính, 3:1 cho văn bản lớn (18pt+)
• Hỗ trợ thay đổi tỷ lệ của người dùng: sử dụng các đơn vị tương đối, không phải kích thước cố định
• Độ dài dòng: 45-75 ký tự mỗi dòng để có khả năng đọc tối ưu
• Chiều cao dòng: tối thiểu 1,5 lần kích thước phông chữ để hỗ trợ người bị chứng khó đọc
• Kiểm tra bằng trình đọc màn hình và phóng to 200%

Photoshop giả định 72 PPI để hiển thị trên màn hình, trong khi Word sử dụng 96 DPI (Windows) cho bố cục. Một phông chữ 12pt trong Photoshop sẽ lớn hơn 33% trên màn hình so với trong Word, mặc dù cả hai đều in ở kích thước giống hệt nhau. Đặt Photoshop thành 300 PPI cho công việc in để xem kích thước chính xác.

Luôn luôn bằng pixel (hoặc các đơn vị tương đối như rem/em) cho web. Điểm là các đơn vị vật lý tuyệt đối được hiển thị không nhất quán trên các trình duyệt và thiết bị khác nhau. 12pt có thể là 16px trên một thiết bị và 20px trên một thiết bị khác. Sử dụng px/rem để có kiểu chữ web có thể dự đoán được.

pt = vật lý tuyệt đối (1/72 inch), px = pixel màn hình (thay đổi theo DPI), dp = không phụ thuộc vào mật độ của Android (được chuẩn hóa thành 160 DPI). Sử dụng pt để in, px cho web, dp cho Android, pt logic của iOS cho iOS. Mỗi hệ thống được tối ưu hóa cho nền tảng của nó.

Các ứng dụng diễn giải các điểm khác nhau dựa trên giả định DPI của chúng. Word sử dụng 96 DPI, Photoshop mặc định là 72 PPI, InDesign sử dụng độ phân giải thực của thiết bị. 12pt luôn là 1/6 inch khi được in, nhưng có kích thước khác nhau trên màn hình do cài đặt DPI.

Nhân các điểm TeX với 0,9963 để có được các điểm PostScript (1 TeX pt = 1/72,27 inch so với PostScript 1/72 inch). Sự khác biệt rất nhỏ—chỉ 0,37%—nhưng rất quan trọng đối với xuất bản học thuật, nơi khoảng cách chính xác là rất quan trọng đối với ký hiệu toán học.

In: tối thiểu 300 DPI, 600 DPI cho chất lượng cao. Web: Thiết kế ở 96 DPI, cung cấp tài sản @2x cho retina. Di động: Thiết kế ở @1x trong các đơn vị logic (pt/dp), xuất @2x/@3x. Không bao giờ thiết kế ở 72 DPI trừ khi bạn đang nhắm mục tiêu đến các màn hình Mac cũ.

Kích thước phông chữ mặc định của trình duyệt là 16px (tương đương với 12pt ở 96 DPI), được chọn để có khả năng đọc tối ưu ở khoảng cách xem thông thường (18-24 inch). Bất cứ thứ gì nhỏ hơn sẽ làm giảm khả năng đọc, đặc biệt là đối với người dùng lớn tuổi. Luôn sử dụng 16px làm cơ sở cho việc định cỡ tương đối.

Chỉ khi làm việc với in ấn truyền thống của châu Âu, các nhà xuất bản của Pháp hoặc các bản sao lịch sử. Các điểm Didot (0,376 mm) lớn hơn 6,5% so với các điểm PostScript. Thiết kế kỹ thuật số hiện đại sử dụng phổ biến các điểm PostScript—Didot chủ yếu liên quan đến kiểu chữ cổ điển và sách nghệ thuật.