Một số ký tự unicode không hiển thị trên nhiều trang web lớn (như thế này:)


8

Có một số biểu tượng Unicode mà tôi chỉ xem là hộp. Điều này chỉ xảy ra trong Chrome. Mã hóa ký tự được đặt thành UTF-8, nhưng Tự động dò tìm không giúp ích.

Ví dụ: [⁠]

Bạn sẽ chỉ thấy hai dấu ngoặc vuông, nhưng thực sự có Trình kết nối thế giới ký tự Unicode ở giữa. Đó là một không gian không phá vỡ chiều rộng bằng không.

Tôi cũng kết hợp một bản demo jsfiddle nhỏ . Tôi không thể thấy nhân vật World Joiner , nhưng tôi có thể thấy Không gian tóc . (Và bằng cách nhìn thấy nó tôi thực sự có nghĩa là tôi không nhìn thấy nó. Bạn thấy không?)

Điều này cũng xảy ra khi mọi người đăng một số biểu tượng cảm xúc phong cách mới, vv

Làm thế nào tôi có thể sửa lỗi này?

Cập nhật:

Điều này xảy ra ở mọi nơi (Twitter, Facebook, bạn đặt tên cho nó). Tôi không sử dụng phông chữ đặc biệt hoặc đã thay đổi thứ gì đó liên quan đến phông chữ trên hệ thống của mình (Windows 7, 64 bit). Tôi có sai khi cho rằng điều này chỉ nên làm việc?

Cập nhật 2:

Điều này khiến tôi phát điên. Vẫn còn rất nhiều nhân vật không hiển thị.

Ví dụ (gói quà):

Sử dụng Segoe UI Biểu tượng rõ ràng thông qua các công cụ dev

Như bạn có thể thấy, Chrome không hiển thị ký tự theo mặc định. Chỉ khi tôi đặt phông chữ thành Segoe UI Symbol, thì nó mới được. Tại sao Chrome không sử dụng phông chữ làm dự phòng tự động?

Làm cách nào để Chrome có thể nhận ra phông chữ Biểu tượng UI Segoe?


2
có thể thử gschoppe.com/blog/fixing-unicode-support-in-google-chrom nói "Code2000, Code2001 và Code2002 là ba phông chữ đúng được James Kass thiết kế vào năm 2008. Chúng được gọi là Pan- Bộ phông chữ Unicode, được thiết kế để chứa càng nhiều glyph càng tốt. Chúng có sẵn miễn phí, từ trang web của Kass, cho đến khi nó đi xuống vào năm 2011. " và anh ta đưa ra một liên kết đến te zip gschoppe.com/projects/fbformat/includes/unicodefont.zip
barlop

1
Anh ta nói "tải xuống ZIP, giải nén các tệp và sao chép chúng vào thư mục phông chữ của bạn trong bảng điều khiển. Sau khi khởi động lại nhanh, Chrome sẽ có hỗ trợ unicode đầy đủ"
barlop

@barlop Vâng, tôi cũng có cái đó trong kết quả tìm kiếm của mình. Tôi không quá quan tâm đến việc cài đặt một số phông chữ từ một trang web nước ngoài, nhưng ... nó đã hoạt động. Cảm ơn bạn. Bạn có thể đăng nó dưới dạng câu trả lời để tôi có thể chấp nhận / upvote. ;)
kleinfreund

1
Code2000, vv không cung cấp hỗ trợ Unicode đầy đủ .
Jukka K. Korpela

@ JukkaK.Korpela Rất tốt để biết. Bạn có biết cách cải thiện hỗ trợ Unicode không?
kleinfreund

Câu trả lời:


4

http://www.fontspace.com/james-kass/code2000 (3,73 MB)

Phông chữ Code2000 - Được tạo vào năm 1998 bởi James Kass .. Code2000 là một quá trình làm việc. Hiện tại (Phiên bản 1.171) có hơn 60000 glyphs.

Mặc dù nó ít nhiều có thể đọc được ở mức 12 - 18 điểm, nhưng nó rõ ràng hơn nhiều ở khoảng 24 điểm. Một số dingbats nên có ít nhất 36 điểm. Với làm mịn phông chữ, nó trông tốt ở kích thước bình thường.

Có một blog đề cập đến nó
http://gschoppe.com/blog/fixing-unicode-support-in-google-chrome/
Nhưng blog có rất nhiều điều sai trong mô tả của nó. (Xem bình luận về câu hỏi của bạn, để biết một số ví dụ. Nhưng mô tả của anh ấy không quan trọng)

Bạn đã tìm thấy các hướng dẫn được đề cập trên blog hoạt động, đó là trích xuất zip vào thư mục phông chữ trong bảng điều khiển và khởi động lại chrome.

http://gschoppe.com/projects/fbformat/includes/unicodefont.zip


4

Các hộp hoặc hình vuông hiển thị thay cho glyphs thực tế là tác dụng phụ của phông chữ bạn đang sử dụng không có ký tự Unicode được kết hợp. Hãy thử tìm một phông chữ với cách triển khai Unicode hoàn chỉnh hơn.


1
Trình duyệt không kiểm tra các phông chữ hệ thống khác nếu chúng có các glyph bị thiếu?
kleinfreund

Tôi sẽ thêm rằng bạn có thể thử và kiểm tra điều này và thử và thay đổi phông chữ mặc định.
Doktoro Reichard

1
@kleinfreund, tôi hiểu là nó sẽ kiểm tra các kiểu chữ khác trong cùng một gia đình, nhưng sẽ không vượt quá điều đó. Vì vậy, nếu trang web của bạn ở Arial, nó sẽ không sử dụng glyphs Gothic.
DopeGhoti
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.