Ngày nay Chrome và Firefox có các công cụ tích hợp sẵn cho việc đó, nhưng Safari cần bạn sao chép một số văn bản và điều tra điều đó.
Đầu tiên, chọn một số văn bản. Trong Firefox, Trình kiểm tra trang có chế độ xem Phông chữ :
Điều này cũng sẽ cho bạn biết nếu các phông chữ được tải xuống và kiểu nào được sử dụng, chẳng hạn như Thông thường, ExtraLight, Italic, BoldItalic và tất cả.
Đối với Chrome, hãy truy cập "Các phần tử" của DevTools, chuyển đến tab "Đã tính" và cuộn xuống phần được gọi là "Phông chữ được kết xuất". Không giống như Firefox, điều này chỉ hiển thị tên phông chữ cơ sở, không phải bất kỳ kiểu cụ thể nào mà nó có thể đang sử dụng:
Các ảnh chụp màn hình ở trên cho thấy nhiều phông chữ có thể được hiển thị cho văn bản Unicode. Chrome cho bạn biết 6 glyphes ("Pekka" và không gian) đang sử dụng "Arial" và một ("") đang sử dụng "Apple SD Gothic Neo":
Arial - Tệp cục bộ (6 glyphs)
Apple SD Gothic Neo - Tệp cục bộ (1 glyph)
CSS thực tế xác định:
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif
Nhưng những phông chữ đó thường không bao gồm nhiều ký tự đặc biệt. Vì thông tin phông chữ hoạt động trên mỗi phần tử HTML, trong đó văn bản Unicode trong một phần tử thực sự có thể sử dụng nhiều phông chữ, nó cũng hiển thị nhiều phông chữ. Khi nghi ngờ, chỉ cần nhấp đúp vào văn bản trong ngăn HTML và loại bỏ văn bản bạn không quan tâm. Sau đó, khi chọn lại thành phần xung quanh, bạn sẽ chỉ thấy một tùy chọn. Trong trường hợp này, nó sẽ cho bạn biết rằng cả hai trình duyệt đã sử dụng "Apple SD Gothic Neo chính quy" cho ký tự "".
Thật không may, các trình duyệt khác nhau (và thậm chí các phiên bản khác nhau của một trình duyệt) trên cùng một máy có thể sử dụng các phông chữ khác nhau, do các loại phông chữ được trình duyệt hỗ trợ / ưa thích. Ví dụ, trên máy Mac, Safari có thể thích Công nghệ nâng cao của Apple trong khi Firefox hỗ trợ Microsoft OpenType (có thể gây ra sự cố cho tiếng Ả Rập sau khi cài đặt Microsoft Office trên máy Mac). Hoặc đối với ký tự "" trong ảnh chụp màn hình ở trên, Chrome và Firefox trên máy Mac của tôi hiện nay thích "Apple SD Gothic Neo" (là OpenType PostScript) nhưng các phiên bản cũ hơn của Firefox đã sử dụng "AppleGothic chính quy" thay vào đó (là phông chữ TrueType) .
Đối với các trình duyệt không có chế độ xem phông chữ tương tự, chỉ cần sao chép và dán một đoạn văn bản vào trình xử lý văn bản hoặc trình soạn thảo Rich Text, chọn một số văn bản cụ thể và xem tên nào hiển thị trong danh sách thả xuống phông chữ. Trên máy Mac của tôi, tính năng này không hoạt động khi dán từ Firefox (trong đó "Apple SD Gothic Neo" của Firefox được chuyển đổi thành "AppleMyungjo" khi dán), nhưng hoạt động tốt cho Safari và Chrome: