Tôi đang cố gắng tìm ký hiệu Unicode để làm cho một nút hiển thị biểu tượng tạm dừng Unicode. Tôi có thể thấy rằng biểu tượng phát Unicode ►nhưng tôi đang tìm biểu tượng tạm dừng Unicode tương đương.
Câu trả lời:
Có nhiều ký hiệu khác nhau có thể được coi là sự thay thế thích hợp, bao gồm:
| | - hai thanh dọc tiêu chuẩn (in đậm).
▋▋ - ▋và khác▋
▌▌ - ▌và khác▌
▍▍ - ▍và khác▍
▎▎ - ▎và khác▎
❚❚ - ❚và khác❚
Tôi có thể đã bỏ lỡ một hoặc hai, nhưng tôi nghĩ đây là những cái tốt hơn. Đây là danh sách các biểu tượng đề phòng.
=với transform:rotate(90deg);.
Tạm dừng: ⏸︎
Các Unicode chuẩn 13,0 (cập nhật 2020) cung cấp Miscellaneous kỹ thuật glyphs trong khoảng HEX 2300-23FF
Với tài liệu Unicode 13.0 phong phú , một số ký hiệu mà chúng ta có thể liên kết với các ký hiệu điều khiển Media phổ biến sẽ như sau:
Biểu tượng bàn phím và giao diện người dùng
23CF ⏏︎ Eject media
Biểu tượng giao diện người dùng
23E9 ⏩︎ tua đi nhanh
23EA ⏪︎ tua lại, tua ngược nhanh
23EB ⏫︎ tăng nhanh
23EC ⏬︎ giảm nhanh
23ED ⏭︎ bỏ qua để kết thúc, tiếp theo
23EE ⏮︎ bỏ qua để bắt đầu,
23F trước đó ⏯︎ phát / tạm dừng chuyển đổi
23F1 ⏱︎ đồng hồ bấm giờ
23F2 ⏲︎ đồng hồ hẹn giờ
23F3 ⏳︎ đồng hồ cát
23F4 ⏴ ︎ đảo ngược, lùi lại
23F5 ⏵︎ tiến, tiếp theo, phát
23F6 ⏶︎ tăng
23F7 ⏷︎ giảm
23F8 ⏸︎ tạm dừng
23F9 ⏹︎ dừng
23FA ⏺︎ ghiCác ký hiệu nguồn từ ISO 7000: 2012
23FB ⏻︎ chế độ chờ / nguồn
23FC ⏼︎ bật / tắt
nguồn 23FD ⏽︎ bật nguồn
2B58 ⭘︎ tắt nguồnBiểu tượng nguồn từ IEEE 1621-2004
23FE ngủ điện
Tệp phải được lưu bằng cách sử dụng mã hóa UTF-8 không có BOM (trong hầu hết các môi trường phát triển được đặt theo mặc định) để hướng dẫn trình phân tích cú pháp cách chuyển các byte thành ký tự một cách chính xác. <meta charset="utf-8"/>sẽ được sử dụng ngay sau <head>trong tệp HTML và đảm bảo rằng các tiêu đề HTTP chính xác Content-Type: text/html; charset=utf-8được đặt.
Ví dụ:
HTML⏩ Pictograph
⏩︎ Standardized Variant.icon-ff:before { content: "\23E9" }
.icon-ff--standard:before { content: "\23E9\FE0E" }EL_iconFF.textContent = "\u23E9";
EL_iconFF_standard.textContent = "\u23E9\uFE0E"Để ngăn một glyph bị "màu sắc biểu tượng hóa", hãy thêm mã U + FE0E Text Presentation Selector để yêu cầu một biến thể Chuẩn hóa : (ví dụ ⏩︎:)
Các ký tự trong dãy Unicode dễ bị ảnh hưởng bởi môi trường phông chữ mà chúng được sử dụng, ứng dụng, trình duyệt, hệ điều hành, nền tảng.
Khi không xác định hoặc bị thiếu - chúng tôi có thể thấy các ký hiệu như hoặc ▯ thay vào đó, hoặc thậm chí hành vi không nhất quán do sự khác biệt trong triển khai trình phân tích cú pháp HTML của các nhà cung cấp khác nhau.
Ví dụ: trên các trình duyệt Windows Chromium, hậu tố Biến thể Tiêu chuẩn hóa U + FE0E bị lỗi và các biểu tượng như vậy vẫn tốt hơn khi đi kèm với CSS, tức là: font-family: "Segoe UI Symbol"để buộc Phông chữ cụ thể đó trên Biểu tượng cảm xúc màu (thường được công nhận là "Biểu tượng cảm xúc giao diện người dùng Segoe") - bất chấp mục đích của U + FE0E ngay từ đầu - thời gian sẽ trả lời…
Để tránh các vấn đề liên quan đến các ký tự không được hỗ trợ - một giải pháp khả thi là sử dụng các bộ phông chữ biểu tượng có thể mở rộng như:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-arrows-alt"></i>
<i class="fa fa-backward"></i>
<i class="fa fa-compress"></i>
<i class="fa fa-eject"></i>
<i class="fa fa-expand"></i>
<i class="fa fa-fast-backward"></i>
<i class="fa fa-fast-forward"></i>
<i class="fa fa-forward"></i>
<i class="fa fa-pause"></i>
<i class="fa fa-play"></i>
<i class="fa fa-play-circle"></i>
<i class="fa fa-play-circle-o"></i>
<i class="fa fa-step-backward"></i>
<i class="fa fa-step-forward"></i>
<i class="fa fa-stop"></i>
<i class="fa fa-youtube-play"></i>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<i class="material-icons">pause</i>
<i class="material-icons">pause_circle_filled</i>
<i class="material-icons">pause_circle_outline</i>
<i class="material-icons">fast_forward</i>
<i class="material-icons">fast_rewind</i>
<i class="material-icons">fiber_manual_record</i>
<i class="material-icons">play_arrow</i>
<i class="material-icons">play_circle_filled</i>
<i class="material-icons">play_circle_outline</i>
<i class="material-icons">skip_next</i>
<i class="material-icons">skip_previous</i>
<i class="material-icons">replay</i>
<i class="material-icons">repeat</i>
<i class="material-icons">stop</i>
<i class="material-icons">loop</i>
<i class="material-icons">mic</i>
<i class="material-icons">volume_up</i>
<i class="material-icons">volume_down</i>
<i class="material-icons">volume_mute</i>
<i class="material-icons">volume_off</i>và nhiều thứ khác bạn có thể tìm thấy trong tự nhiên; và cuối cùng nhưng không kém phần quan trọng, công cụ trực tuyến thực sự hữu ích này: trình tạo font-icon, Icomoon.io .
Sau đây có thể hữu ích:
⏩⏪⓫⏬⏭⏮⏯⏴⏵⏶⏷⏸⏹⏺LƯU Ý : rõ ràng, các ký tự này không được hỗ trợ nhiều trong các phông chữ phổ biến, vì vậy nếu bạn định sử dụng nó trên web, hãy nhớ chọn một webfont hỗ trợ những phông chữ này.
▐▐ là HTML và được thực hiện với mã này: ▐▐.
Tôi đã tìm thấy nó, nó nằm trong khối Kỹ thuật Linh tinh. ⏸ (U + 23F8)
Tôi đang sử dụng ▐ ▌
HTML: ▐ ▌
CSS: \2590\A0\258C
Nếu bạn muốn một ký tự là một ký tự duy nhất để khớp với hình tam giác bên phải cho "play", hãy thử chữ số La Mã 2. Ⅱ Ⅱtrong HTML. Nếu bạn có thể đặt các thẻ định dạng xung quanh nó, nó sẽ thực sự đẹp khi in đậm. Ⅱ là <b>Ⅱ</b>trong HTML. Điều này có hỗ trợ tốt hơn nhiều so với thanh dọc đôi đã đề cập trước đây.
Các trình duyệt hiện đại cũng hỗ trợ 'DOUBLE VERTICAL BAR' (U + 23F8):
http://www.fileformat.info/info/unicode/char/23f8/index.htm
Đối với trình phát nhạc, nó có thể hoạt động như một người bạn đồng hành cho 'ĐIỂM ĐIỂM ĐÚNG ĐEN' (U + 25BA) vì cả hai đều có chung chiều rộng và chiều cao bằng nhau, làm cho nó hoàn hảo cho nút phát / tạm dừng:
Không có ký tự nào được mã hóa để sử dụng làm biểu tượng tạm dừng, mặc dù nhiều ký tự hoặc tổ hợp ký tự khác nhau có thể giống hoặc ít hơn ký hiệu tạm dừng, tùy thuộc vào phông chữ.
Trong một cuộc thảo luận trong danh sách gửi thư Unicode công khai vào năm 2005, một đề xuất đã được đưa ra là sử dụng hai bản sao của ký tự THANH CHỨNG NẶNG U + 275A: ❚❚. Nhưng sự đầy đủ của kết quả phụ thuộc vào phông chữ; ví dụ: glyph có thể đã được thiết kế để các thanh quá xa nhau. - Thảo luận về danh sách giải thích tại sao một biểu tượng tạm dừng không được mã hóa và điều này không thay đổi.
Vì vậy, lựa chọn tốt nhất là sử dụng một hình ảnh. Nếu bạn cần sử dụng biểu tượng trong văn bản, cách tốt nhất là tạo nó ở kích thước lớn phù hợp (ví dụ 60 x 60 pixel) và chia tỷ lệ nó xuống kích thước văn bản bằng CSS (ví dụ: thiết lập height: 0.8emtrên imgphần tử).
Ký hiệu ISO 7000 / IEC 60417 về Tạm dừng; Gián đoạn là # 5111B. Xem Media_Controls