Làm thế nào để các biểu tượng này hoạt động: 🌍🌎🌏✅️?


123

Tôi có thể thấy những nhân vật này như những biểu tượng màu:

🌍🌎🌏✅️

Nó chỉ hoạt động trong Firefox đối với tôi. Nếu bạn không thể nhìn thấy các ký tự có màu, nó trông giống như trên hệ thống của tôi (có thể phụ thuộc vào phông chữ):

Mô tả hình ảnh

Tôi thậm chí có thể nhìn thấy chúng trong các tiêu đề tab và bọ lửa:

Mô tả hình ảnh

Mô tả hình ảnh

Mô tả hình ảnh

có tập tin đầy đủ về họ. Tôi cũng đã thực hiện hoạt hình document.title này với họ, điều này chứng tỏ rằng họ làm việc ngay cả ngoài HTML.

Đó là gì?


Bình luận không dành cho thảo luận mở rộng; cuộc trò chuyện này đã được chuyển sang trò chuyện .
Journeyman Geek

Tôi đang sử dụng Opera và tôi chắc chắn không nhìn thấy chúng theo cách bạn đã thể hiện trong hình ảnh "nó trông như thế này". Vì vậy, tôi muốn chỉnh sửa câu hỏi của bạn nhưng nó sẽ không đáng kể ...
Stephan bijzitter

37
@StephanBijzitter: Việc bạn và những người khác không nhìn thấy các biểu tượng theo cách đó là lý do tại sao hình ảnh lại quan trọng. Đừng loại bỏ nó.
user2357112


Câu trả lời:


145

Các ký tự này là biểu tượng cảm xúc được công nhận theo tiêu chuẩn Unicode, định nghĩa những gì mỗi ký tự thể hiện.

Giao diện chính xác cho chúng là khác nhau đối với từng HĐH và từng ứng dụng, nhưng tất cả đều mô tả cùng một thứ.

Quả cầu (🌏) là ký tự Unicode 1F30Fvà được gọi là EARTH GLOBE ASIA-AUSTRALIA . cái thứ 2 () được gọi là WHITE HEAVY CHECK Mark và là Unicode 2705.

Theo cách đó, có hàng ngàn biểu tượng cảm xúc, một số mà mọi ứng dụng đều hỗ trợ và một số ít hỗ trợ hơn. Xem danh sách đầy đủ tại đây http://www.fileformat.info/info/emoji/browsertest.htmlm


56
Giao diện chính xác cho chúng phụ thuộc vào phông chữ bạn sử dụng, vì phông chữ là những thứ xác định cách một nhân vật nên trông và biểu tượng cảm xúc chỉ là ký tự.
totymedli

23
Trên thực tế, cái thứ hai là (như bạn đã nói) TRẮNG KIỂM TRA HEAVY TRẮNG kết hợp với VariATION SELECTOR-16 . Được sao chép từ câu hỏi trông giống như một dấu kiểm màu trắng trong hộp màu xanh lá cây, ✅ được sao chép từ câu trả lời của bạn trông giống như một dấu kiểm màu trắng có viền đen và khi tôi dán bộ chọn biến thể sau dấu ✅ màu trắng của bạn có viền đen, tôi nhận được cùng dấu ✅️ màu trắng trong hộp màu xanh lá cây. Ảnh chụp màn hình của nhận xét này cho rõ ràng
Stijn

4
Họ có thể không nhận thấy do hỗ trợ phông chữ kém. Trên trình duyệt của tôi, phông nền màu xanh lá cây không xuất hiện.
user2357112

8
@Stijn, đối với tôi trong Chrome, cả hai đều là dấu kiểm hộp màu xanh lá cây i.imgur.com/Cv5RTFM.png
Yisroel Tech

6
Điều này không trả lời câu hỏi, đó là về cách nó được hiển thị trong Firefox, không phải tại sao biểu tượng cảm xúc ở đó.
oldmud0

73

Firefox đang sử dụng một phông chữ đặc biệt cho các ký tự biểu tượng cảm xúc này . Nó sử dụng một tính năng tương đối mới và hiếm khi được sử dụng của phông chữ TrueType: glyphs màu xếp lớp. Khác với điều đó (tức là có một phông chữ đặc biệt với các glyph được tô màu trước) các biểu tượng này là các ký tự Unicode thông thường.

Windows chỉ hỗ trợ riêng cho các phông chữ màu này trong các phiên bản 8.1 trở đi , do đó Firefox cài đặt EmojiOne một cách riêng tư và sử dụng trình kết xuất phông chữ riêng cho nó trong Windows 7. Điều này cũng giải thích sự vắng mặt của các biểu tượng cảm xúc đầy màu sắc trong hầu hết các ứng dụng khác.


2
Nếu có hỗ trợ riêng cho glyphs màu xếp lớp trong Win10, tại sao chúng vẫn hiển thị ở dạng đơn sắc, ví dụ như Edge?
Bas

5
@Bas, như chúng ta có thể thấy thông qua các công cụ dành cho nhà phát triển Edge, Segoe UI Emoji không được chọn để hiển thị trang này (các phông chữ đơn sắc khác làm). Chèn phông chữ vào thuộc tính họ phông chữ thực hiện mẹo: i.imgur.com/IXiNC86.png
aitap

4
Hỗ trợ biểu tượng cảm xúc @Bas Màu nằm trong bản xem trước Edge mới nhất và sẽ có trong phiên bản công khai tiếp theo.
Josiah Keller

1
Thật kỳ lạ, Firefox trên hộp Ubuntu 16.10 của tôi hiển thị glyphs đen và trắng (Tôi đã khởi động vào Win10 sau đó và xác nhận rằng chúng thực sự có màu)
Luke

2
@Luke Ubuntu có kế hoạch hỗ trợ glyph màu cho Unity 8.
stommestack

25

Tóm lại : Firefox sử dụng một phông chữ trong đó các biểu tượng này trông giống như cách chúng làm.

Các ký tự này là một phần của Tiêu chuẩn Unicode.

Unicode là một tiêu chuẩn công nghiệp điện toán cho việc mã hóa, biểu diễn và xử lý văn bản nhất quán được thể hiện trong hầu hết các hệ thống chữ viết của thế giới. Được phát triển cùng với tiêu chuẩn Bộ ký tự mã hóa phổ quát (UCS) và được xuất bản dưới dạng Tiêu chuẩn Unicode, phiên bản mới nhất của Unicode chứa một tiết mục gồm hơn 128.000 ký tự bao gồm 135 tập lệnh hiện đại và lịch sử, cũng như nhiều bộ ký hiệu. -Wikipedia

Do đó, không giống như ASCII (có rất ít), Unicode chứa một số bộ ký hiệu. Bây giờ trong khi nó đã được chuẩn hóa về mã nào sẽ đại diện cho bảng chữ cái hoặc ký hiệu nào, Unicode không xác định chính xác biểu tượng sẽ trông như thế nào. Do đó, tất cả các hệ điều hành đều có bộ đồ họa biểu tượng riêng để trông khác nhau. Điều này có thể bao gồm một số được tô màu và một số chỉ là phác thảo hoặc đen và trắng.

Ngoài ra, các phông chữ cũng có thể có bộ nghệ thuật riêng cho các biểu tượng này để các nhân vật có thể đi cùng với cảm giác của ứng dụng. Ngay cả trong ứng dụng, bạn có thể có các trang khác nhau bằng cách sử dụng các bộ hình ảnh khác nhau. Do đó, bạn có thể tương tác với nhân vật như bạn muốn, nhưng nó sẽ trông khác.

Bạn có thể thấy chính xác biểu tượng cảm xúc (đối với, bỏ qua # 1483) trên các nền tảng khác nhau ở đây .


4
128.000 là rất nhiều biểu tượng để vẽ. Tôi không đổ lỗi cho các nghệ sĩ đã đi với các biểu tượng đen trắng thay vì đầy đủ màu sắc.
Dan

@Dan, 128.000 là số lượng ký tự, không phải ký hiệu. Chúng bao gồm các ký tự ngôn ngữ, số lượng rất lớn cho các ngôn ngữ như tiếng Nhật hoặc tiếng Quan thoại.
PulseJet

1
@Dan, tôi chỉ có nghĩa là không có 128.000 biểu tượng sẽ phải được tô màu. Không nói rằng không có nhiều màu sắc, nhưng đó không phải là gần 128.000.
PulseJet

1
À, tôi không có ý ám chỉ rằng tất cả chúng nên được tô màu, chỉ đơn thuần là vẽ rằng nhiều thứ là đủ để tôi không muốn làm phức tạp (tức là màu) bất kỳ cái nào trong số chúng. Haha.
Dan

2
@Dan không ai vẽ nhiều điểm mã đó và hầu như không có phông chữ nào chứa ký tự cho tất cả các điểm mã Unicode. Trình kết xuất phông chữ sẽ thay thế các glyph từ một phông chữ khác khi phông chữ hiện tại không chứa các glyph đó. Tại sao không có phông chữ chứa tất cả các glyph Unicode?
phuclv

2

Những nhân vật "làm việc" theo cùng một cách như các nhân vật khác, chẳng hạn như a, ø, λ, ଶୁ, , làm việc. Các ký tự được thể hiện bằng một số trừu tượng, được sử dụng để chọn và lập chỉ mục một phông chữ có sẵn để hiển thị ký tự.

Trên hệ thống của bạn, dường như Firefox không vẽ riêng của mình, và có quyền truy cập vào các phông chữ chứa glyphs cho 🌍, 🌎, 🌏✅️. Các ứng dụng khác thường sẽ sử dụng các phông chữ được cung cấp bởi máy chủ X (hoặc tương đương), do đó, bị hạn chế đối với các phông chữ bạn đã cài đặt hoặc hướng máy chủ của bạn vào (ví dụ: có xset +fphoặc tương tự).

Phông chữ nhiều màu là một sự phát triển gần đây và vẫn còn khá thử nghiệm; theo truyền thống, glyphs phông chữ là một màu duy nhất có thể được tạo thành trên bất kỳ nền nào.


1

Nó khác nhau trên mỗi trình duyệt, bạn có thể thêm một phông chữ cụ thể vào trang web của mình, tải trong các biểu tượng cảm xúc này . Ví dụ:

Bài đăng này trên Thiết kế đồ họa Có bất kỳ phông chữ Emoji miễn phí nào không? cũng có thể thú vị Nếu không có phông chữ biểu tượng tùy chỉnh như vậy, bạn phải ghi nhớ rằng trang web của bạn sẽ trông khác nhau trong mọi trình duyệt.


Đây chỉ là một danh sách nhằm hướng dẫn mọi người biểu tượng cảm xúc và unicode mặt cười nhanh hơn.


0

Đó chỉ là các ký tự Unicode, do đó, bất kỳ hộp văn bản nào hỗ trợ Unicode đều có thể hiển thị chúng mà không gặp vấn đề gì, miễn là phông chữ và glyphs có sẵn trên hệ thống. Tuy nhiên, giao diện cho mỗi ký tự Unicode phụ thuộc vào trình kết xuất và phông chữ được sử dụng cho chúng.

Theo truyền thống, các ký tự được điền chỉ với một màu duy nhất. Biểu tượng cảm xúc màu là một điều khá mới mẻ, do đó sự hỗ trợ của chúng thay đổi tùy theo từng nền tảng. Các kỹ thuật khác nhau đã được phát minh để tô màu như PNG nhúng, SVG hoặc mặt nạ lớp . Nhưng tất cả chúng đều yêu cầu trình kết xuất mới không có sẵn trong các hệ điều hành cũ.

Kết quả là từ phiên bản 50.0 Firefox đã nhúng trình kết xuất và phông chữ của riêng nó để hỗ trợ biểu tượng cảm xúc màu. Bạn có thể tìm thấy nó trong ghi chú phát hành

Thay đổi

Đã thêm bộ Emoji tích hợp cho các hệ điều hành không có phông chữ Emoji gốc (Windows 8.0 trở xuống và Linux)

Các tập tin phông chữ có thể được tìm thấy trong %FirefoxInstallDir%\fonts\EmojiOneMozilla.ttf

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.