Làm thế nào để kiểm tra xem ký tự không được trình duyệt của người dùng hỗ trợ trong JavaScript?

Question

Tôi đang xây dựng trang web sử dụng nhiều biểu tượng cảm xúc. Loại giống như của một bạn quen nhìn thấy khi nhắn tin, hoặc trên Instagram, Facebook vv

Ví dụ:

Tất nhiên, không phải tất cả các biểu tượng cảm xúc được hỗ trợ bởi tất cả các trình duyệt hiện có. Khi họ không sau đó họ xuất hiện như một hình vuông với một dấu hỏi ở giữa như vậy:

Liệu có cách nào trong JavaScript mà bạn có thể cho biết nếu một nhân vật được hỗ trợ bởi trình duyệt, hoặc nếu nó sẽ hiển thị như dấu chấm hỏi ở trên?

Answer 1

Trình duyệt không "hỗ trợ" hiển thị ký tự unicode, đó là phông chữ chịu trách nhiệm. Tất nhiên, bạn luôn có thể trực tiếp bao gồm các phông chữ mà bạn muốn sử dụng để hiển thị các ký tự trong phần biểu tượng cảm xúc trong Unicode với CSS.

Đây là free and open font có thể hiển thị biểu tượng cảm xúc.

Trong trường hợp bạn muốn phát hiện xem phông chữ có tồn tại hay không, đây là a tool cho điều đó.

Answer 2

Như những người khác đã lưu ý .. Nó không phải trình duyệt nhưng font .. Vì vậy, chỉ định một font có hỗ trợ tất cả các biểu tượng cảm xúc của bạn