2013-03-03 54 views
7

Tôi muốn giảm số lượng yêu cầu HTTP bằng cách sử dụng Unicode thay vì các biểu tượng hình ảnh nhỏ.Mọi trình duyệt có hỗ trợ tất cả unicode không?

Các biểu tượng tôi muốn sử dụng bao gồm ✔, ►, v.v.

Đối với một danh sách đầy đủ của tất cả các nhân vật cần thiết, xem here

  • Có phải tất cả các trình duyệt hỗ trợ những nhân vật này theo mặc định?
  • Nếu không được hỗ trợ theo mặc định, tôi có thể thêm hỗ trợ cho các ký tự này không?
  • Cần có CSS ​​và HTML nào để thêm các ký tự này vào trang web theo cách thức trình duyệt chéo?

Ngoài ra, tôi đang làm cho một trang web Unicode mà làm cho việc sử dụng ngôn ngữ sau đây:

यो भाषामा म वेबसाईट बनाउँदै छु 
  • Có thể để có được ngôn ngữ này để được nhìn thấy trên mọi trình duyệt và mọi hệ điều hành?
  • Nếu có thể cung cấp hỗ trợ này, cần có mã CSS và HTML nào cho điều này?
  • Tôi có cần bao gồm webfont cho việc này không?
  • Tôi có thể sử dụng các webfont nào và làm cách nào để thêm chúng vào một cách trình duyệt chéo?

Trả lời

3

Đây là vấn đề về phông chữ , không hỗ trợ trình duyệt. Chặn các lỗi nghiêm trọng trong chính trình duyệt, miễn là người dùng có phông chữ được cài đặt với ký tự bạn đang cố gắng sử dụng, nó sẽ hiển thị mà không có vấn đề.

Bây giờ, giao điểm của tất cả các hình tượng trong tất cả các phông chữ được xây dựng trong mọi hệ điều hành phổ biến là một câu hỏi hoàn toàn khác và một câu hỏi khó trả lời hơn một chút.

Trong trường hợp các biểu tượng nhỏ, giải pháp đáng tin cậy nhất là sử dụng quy tắc CSS @font-face để yêu cầu trình duyệt tải xuống một phông chữ cụ thể. Sau đó, bạn sẽ biết chắc chắn rằng người dùng đã cài đặt phông chữ thích hợp. Thậm chí còn có một số phông chữ được thiết kế đặc biệt cho việc sử dụng này, với các biểu tượng bổ sung được tích hợp sẵn: "Font Awesome" là một ví dụ nổi tiếng.

Trong trường hợp văn bản nước ngoài: có lẽ đối tượng của bạn bao gồm những người có thể đọc tập lệnh, đúng không? Trong trường hợp đó, họ gần như chắc chắn đã hỗ trợ font chữ - nhiều người trong số họ có thể có toàn bộ giao diện của họ trong cùng một ngôn ngữ!

+0

là CSS @f o n t - f c? Có phải css3 trở lên không? Css3 không giao nhau. –

+0

[nó được hỗ trợ bởi rất gần như tất cả mọi thứ] (http://caniuse.com/font-face). và các trình duyệt không có nó sẽ vẫn sử dụng phông chữ cục bộ. – Eevee

1

Bạn có thể nhìn thấy các ký tự phổ biến hơn. Nhưng các phông chữ châu Á có xu hướng phiền hà. Theo như tôi có thể nói, không phải mọi trình duyệt trên mọi hệ điều hành đều có thể xem phông chữ đó. Máy tính Windows 7 Ultimate của tôi trên Chrome, Opera và IE có thể xem các ký tự đó. Như điện thoại Android 4.1 của tôi trên trình duyệt mặc định.

Tôi không thể thấy mọi ký tự trong danh sách đó, nhưng tôi có thể thấy phần lớn trong số đó. Tôi khá nhiều không thể nhìn thấy bất cứ điều gì sau khi "Ký hiệu toán học khác-A"

1

Không trình duyệt nào hỗ trợ tất cả Unicode hoặc bắt buộc phải làm như vậy. Các thông số kỹ thuật không yêu cầu tất cả các ký tự, hoặc bất kỳ tập con cụ thể nào của chúng, sẽ được hiển thị đúng.Nó sẽ gần như không thể làm như vậy, bởi vì không có phông chữ duy nhất có thể bao gồm tất cả các Unicode, và thậm chí cả các liên minh của phông chữ thường có sẵn làm điều đó.

Vì vậy, câu hỏi nên được lặp lại về hỗ trợ phông chữ cho các ký tự cụ thể. Hơn nữa, bạn nên sử dụng các tờ khai font-family để thực hiện một nỗ lực hợp lý khi sử dụng phông chữ phù hợp. Lý do là các trình duyệt vẫn gặp khó khăn trong dự phòng phông chữ: chúng không phải lúc nào cũng tự động tìm phông chữ sao lưu phù hợp nếu phông chữ đã được khai báo hoặc phông mặc định của trình duyệt không chứa một ký tự cụ thể.

Sử dụng phông chữ có thể tải xuống (phông chữ web) có thể là một phần của câu trả lời nhưng có thể sẽ quá mức nếu bạn chỉ muốn sử dụng một số ít biểu tượng. Đối với văn bản được viết bằng Devanagari, đó có lẽ là cách tiếp cận tốt nhất; phông chữ thường được cài đặt duy nhất hỗ trợ nó là Arial Unicode MS và những người không cài đặt Microsoft Office có thể chưa có. Vì vậy, hãy xem xét sử dụng ví dụ: hoặc FreeSans hoặc FreeSerif từ GNU Freefont dưới dạng phông chữ có thể tải xuống qua @font-face.

Thông tin chung về chủ đề: Guide to using special characters in HTML.

Các vấn đề liên quan