Có cách nào để kiểm tra phông chữ nào được cài đặt hoặc có thể là cách tôi có thể đọc tất cả các phông chữ đó? Tôi muốn làm một cuộc khảo sát trong sản phẩm của chúng tôi để xem những phông chữ tôi có thể sử dụng trên các dự án của chúng tôi.Có cách nào để kiểm tra xem phông chữ nào được cài đặt trên máy thông qua web không?
Có một tập lệnh hiển thị một loạt các DIV trong các phông chữ khác nhau, sau đó kiểm tra xem kết quả DIV có đúng kích thước cho phông chữ đã cho hay không.
Có thể, miễn là Flash có sẵn. Xem http://www.maratz.com/blog/archives/2006/08/18/detect-visitors-fonts-with-flash/
Không có cách nào tốt để thực hiện việc này. Tuy nhiên nếu bạn có một danh sách các font bạn đang thắc mắc, tạo ra một lớp với một dự phòng luôn luôn hiện diện:
span#knownfont{font-family:Verdana, font-size:12px;}
span#font1{font-family:NonExistingFont1, Verdana, font-size:12px;}
span#font2{font-family:NonExistingFont2, Verdana, font-size:12px;}
...
Then create HTML for each case:
<span id="knownfont">Lorem ipsum dolor sit amet</span>
<span id="font1">Lorem ipsum dolor sit amet</span>
<span id="font2">Lorem ipsum dolor sit amet</span>
Sau đó viết một kịch bản mà so sánh chiều rộng của phông chữ được biết đến và mỗi phông chữ khác. Nếu chiều rộng khác nhau, phông chữ tồn tại trên máy khách.
Tôi biết nó chưa được hỗ trợ bởi tất cả các trình duyệt, nhưng có @ phông chữ trong css như được mô tả here, vì vậy nếu bạn biết người dùng của mình đang sử dụng IE (ví dụ), bạn có thể sử dụng phông chữ này.
Đây là số list of the most common fonts on windows and mac machines (với các so sánh hình ảnh của từng hình ảnh). Tôi sử dụng nó khi chọn phông chữ để sử dụng trên một dự án.
Không có cách hết sức rõ ràng xác định cài đặt (và có thể sử dụng) các phông chữ trên máy tính khách hàng thông qua trình duyệt.
Flash có thể cho phép bạn thực hiện điều này hoặc có thể một số mã giả (nhưng thú vị để viết) làm giả định về kích thước của các phần tử với phông chữ nhất định - nhưng tập lệnh này có thể dễ bị khác biệt trong cài đặt ứng dụng khách nhiều trường hợp nó xem xét.
Tôi thực sự khuyên bạn nên chống lại phương pháp khảo sát/triển khai mà bạn đang đề xuất. Bạn sẽ có một số quyết định không thể thực hiện được - ví dụ tỷ lệ phần trăm sẵn có có thể chấp nhận được không? Nếu đó là 100%, bạn sẽ làm gì khi một người dùng mới đi kèm mà không có phông chữ này? Nếu không, tỷ lệ người dùng của bạn cảm thấy thoải mái khi có trải nghiệm xuống cấp là bao nhiêu?
Bạn đã xem xét sIFR hoặc chỉ đơn giản là phần tử hình ảnh có thuộc tính alt thích hợp?
Nếu bạn có các yêu cầu cụ thể về typographic, có thể đáng để mắt đến điều này: http://blog.typekit.com/.
Thanh toán plugin jQuery FontUnstack, từ question này.
Bạn có thể nhận được một danh sách các phông chữ được cài đặt trong hệ điều hành khách hàng với Flash:
var embeddedAndDeviceFonts:Array = Font.enumerateFonts(true);
Sau đó bạn có thể sử dụng ExternalInterface di chuyển thông tin giữa Flash và Javascript. Nó không đòi hỏi nhiều mã.
Khám phá my blog post about it để biết thêm thông tin và a demo implementation.
Câu trả lời của bạn phải được chấp nhận. –