UTF-8 ký tự đặc biệt không hiển thị

Question

Tôi đang cố gắng tìm ra lý do tại sao các ký tự như thế này: & # x01F449; hiển thị như hộp trống. Chúng là các ký tự unicode và bộ ký tự là utf-8.

Có thể đó là vấn đề phông chữ không có glyph cho điều đó không? Bất kỳ ý tưởng?
chi tiết: trang Html, tôi sử dụng firefox 16.0.1, Windows 7 .. Trang như về bài đăng này tôi không thấy hình tượng này hoặc
Cảm ơn

Answer 1

Ký tự bạn có ở đó là Unicode Character 'WHITE RIGHT POINTING BACKHAND INDEX' (U+1F449). Trên trang đó, bạn có thể tìm thấy danh sách các phông chữ đã biết hỗ trợ ký tự đằng sau liên kết Fonts that support U+1F449.

Font
LastResort
Segoe UI Emoji
Segoe UI Symbol
Symbola

Cả những phông chữ là được sử dụng ở đây trên stackoverflow.com, do đó bạn cũng sẽ thấy một ô trống.

Nếu điều này xảy ra trên trang web của riêng bạn và bạn muốn sửa chữa, thì bạn cần cung cấp phông chữ hỗ trợ cùng với webapp bằng CSS @font-face hoặc trong trường hợp cụ thể này, có thể tốt hơn, hãy tìm một Thư viện biểu tượng dựa trên CSS chẳng hạn như Font Awesome. Các <i class="fa fa-hand-o-right"> đến rất gần với nhân vật này.

Answer 2

Thiếu ký tự chữ thường sẽ được thay thế bằng phông chữ khác, và UTF-8 sẽ có thể hiển thị tất cả các ký tự unicode. Tôi nghi ngờ rằng việc mã hóa tệp của bạn (cách trình biên tập của bạn lưu), không khớp với khai báo trong các thẻ meta của trang HTML của bạn.

Bạn có thể kiểm tra trang của mình bằng số W3-checker này, nó có thể cung cấp cho bạn các gợi ý về sự cố trang của bạn.

EDIT:

Bạn là đúng, nó không phải là một vấn đề mã hóa, số lượng các nhân vật đều có một số lượng lớn như vậy, mà các phông chữ "bình thường" không hỗ trợ nó. Có lẽ bạn có thể sử dụng một trong những ☛ ☞ đó, nếu không bạn sẽ phải sử dụng phông chữ trên web và phông chữ có hỗ trợ unicode đầy đủ có thể khá lớn.

Answer 3

Ký tự U + 1F449 đã được thêm vào Unicode trong phiên bản 6 năm 2010 và thường mất khoảng mười năm kể từ khi chấp nhận ký tự vào Unicode trước khi được hỗ trợ rộng rãi trong phông chữ.

Một vài phông chữ hiện có chứa Symbola và Biểu tượng giao diện người dùng Segoe. Nếu bạn đã cài đặt chúng, có thể bạn sẽ thấy nó; nếu không thì không. Segoe UI Symbol được vận chuyển với Windows 8 và rõ ràng với (ít nhất một số biến thể của) Windows 7, mặc dù phiên bản Windows 7 có thể bị giới hạn - một update có sẵn từ Microsoft. Symbola là phông chữ miễn phí, do đó bạn có thể sử dụng nguyên tắc này làm phông chữ có thể tải xuống (qua @font-face), nhưng kích thước tệp của nó khá lớn.

Trình duyệt web được cho là sử dụng phông chữ dự phòng, nếu phông chữ được chỉ định cho phần tử không chứa ký tự đại diện cho một số ký tự trong nội dung.Firefox thường thực hiện ý chí này, IE không, đặc biệt là trong các phiên bản cũ, vì vậy nếu bạn sử dụng ký tự trên một trang web, tốt nhất nên bọc trong một phần tử của riêng nó (thường là span được sử dụng cho mục đích này) và thiết lập như sau vào nó trong CSS:

font-family: Segoe UI Symbol, Symbola; 

Nhưng điều này sẽ như vậy (không @font-face) chỉ làm việc cho người sử dụng máy tính có chứa một trong những phông chữ.