ฉันกำลังพยายามค้นหาสัญลักษณ์ Unicode เพื่อให้ปุ่มแสดงสัญลักษณ์หยุดชั่วคราวของ Unicode ฉันพบว่าสัญลักษณ์การเล่น Unicode นั้นเป็น►แต่ฉันกำลังมองหาสัญลักษณ์หยุดชั่วคราวที่เทียบเท่า
คำตอบ:
มีสัญลักษณ์ต่างๆที่สามารถพิจารณาทดแทนได้อย่างเพียงพอ ได้แก่ :
| | - แถบแนวตั้งมาตรฐาน (ตัวหนา) สองแท่ง
▋▋ - ▋และอื่น ๆ▋
▌▌ - ▌และอื่น ๆ▌
▍▍ - ▍และอื่น ๆ▍
▎▎ - ▎และอื่น ๆ▎
❚❚ - ❚และอื่น ๆ❚
ฉันอาจจะพลาดหนึ่งหรือสองครั้ง แต่ฉันคิดว่าสิ่งเหล่านี้ดีกว่า นี่คือรายการสัญลักษณ์ในกรณี
=กับtransform:rotate(90deg);.
หยุดชั่วคราว: ⏸︎
Unicode มาตรฐาน 13.0 (ปรับปรุง 2020)ให้เทคนิคเบ็ดเตล็ดร่ายมนตร์อยู่ในช่วงแม่มด2300-23FF
จากเอกสาร Unicode 13.0 ที่ครอบคลุมร่ายมนตร์บางส่วนที่เราสามารถเชื่อมโยงกับสัญลักษณ์ควบคุมสื่อทั่วไปมีดังต่อไปนี้:
แป้นพิมพ์และสัญลักษณ์ UI
23CF ⏏︎นำสื่อออก
สัญลักษณ์ส่วนต่อประสานผู้ใช้
23E9 ⏩︎กรอเดินหน้า
23EA ⏪︎กรอถอยหลังอย่างเร็ว
23EB ⏫︎เพิ่มเร็ว
23EC ⏬︎ลดเร็ว
23ED ⏭︎ข้ามไปสิ้นสุด
23EE ถัดไป⏮︎ข้ามไปเริ่มต้น
23EF ก่อนหน้า⏯︎เล่น / หยุดสลับ
23F1 ⏱︎นาฬิกาจับเวลา
23F2 ⏲︎นาฬิกาจับเวลา
23F3 ⏳︎นาฬิกาทราย
23F4 ︎ถอยหลังกลับ
23F5 ⏵︎เดินหน้าถัดไปเล่น
23F6 ⏶︎เพิ่ม
23F7 ⏷︎ลด
23F8 ⏸︎หยุด
23F9 ⏹︎หยุด
23FA ⏺︎บันทึกสัญลักษณ์แสดงพลังจาก ISO 7000: 2012
23FB ⏻︎สแตนด์บาย / พลังงาน
23FC ⏼︎เปิด / ปิดเครื่อง
23FD ⏽︎เปิดเครื่อง
2B58 ⭘︎ปิดเครื่องสัญลักษณ์แสดงพลังจาก IEEE 1621-2004
23FE ⏾︎กำลังนอนหลับ
ไฟล์ต้องถูกบันทึกโดยใช้การเข้ารหัส UTF-8 โดยไม่มี BOM (ซึ่งในสภาพแวดล้อมการพัฒนาส่วนใหญ่จะถูกตั้งค่าโดยค่าเริ่มต้น) เพื่อที่จะสั่งให้โปรแกรมแยกวิเคราะห์วิธีแปลงไบต์เป็นอักขระได้อย่างถูกต้อง <meta charset="utf-8"/>ควรใช้ทันทีหลังจาก<head>ในไฟล์ HTMLและตรวจสอบว่าContent-Type: text/html; charset=utf-8ตั้งค่าส่วนหัว HTTP ที่ถูกต้องแล้ว
ตัวอย่าง:
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"
เพื่อป้องกันไม่ให้สัญลักษณ์จากการเป็น"สี emojified" ⏩︎ / ⏩ ผนวกรหัส U + FE0E ข้อความนำเสนอตัวเลือกเพื่อขอตัวแปรมาตรฐาน : (ตัวอย่าง: ⏩︎)
อักขระในช่วง Unicode มีความอ่อนไหวต่อสภาพแวดล้อมแบบอักษรที่ใช้แอปพลิเคชันเบราว์เซอร์ระบบปฏิบัติการแพลตฟอร์ม
เมื่อไม่ทราบหรือหายไปเราอาจเห็นสัญลักษณ์เช่น หรือ▯แทนหรือแม้กระทั่งพฤติกรรมที่ไม่สอดคล้องกันเนื่องจากความแตกต่างในการใช้งานโปรแกรมแยกวิเคราะห์ HTML โดยผู้ให้บริการรายต่างๆ
ตัวอย่างเช่นในเบราว์เซอร์Windows Chromium ส่วนต่อท้าย Standardized Variant U + FE0E นั้นมีข้อบกพร่องและสัญลักษณ์ดังกล่าวยังดีกว่าเมื่อใช้ร่วมกับ CSS เช่น: font-family: "Segoe UI Symbol"เพื่อบังคับให้ฟอนต์เฉพาะนั้นอยู่เหนืออิโมจิสี (โดยปกติจะรู้จักในชื่อ "Segoe UI Emoji") ซึ่งท้าทาย จุดประสงค์ของ U + FE0E ในตอนแรกเวลาจะบอก ...
เพื่อหลีกเลี่ยงปัญหาที่เกี่ยวข้องกับอักขระที่ไม่รองรับ - วิธีแก้ปัญหาที่ทำงานได้คือใช้ชุดแบบอักษรของไอคอนที่ปรับขนาดได้เช่น:
<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>และอื่น ๆ อีกมากมายที่คุณสามารถพบได้ในป่า และสุดท้าย แต่ไม่น้อยที่มีประโยชน์จริงๆออนไลน์นี้เครื่องมือ: กำเนิดตัวอักษรไอคอน, Icomoon.io
︎เช่นใน▶︎ดูเหมือนจะไม่ทำงานใน Firefox และ Chrome สำหรับ Android (2020 AC)
สิ่งต่อไปนี้อาจมีประโยชน์:
⏩⏪⓫⏬⏭⏮⏯⏴⏵⏶⏷⏸⏹⏺หมายเหตุ : เห็นได้ชัดว่าอักขระเหล่านี้ไม่ได้รับการสนับสนุนอย่างดีในแบบอักษรยอดนิยมดังนั้นหากคุณวางแผนที่จะใช้บนเว็บอย่าลืมเลือกแบบอักษรบนเว็บที่รองรับสิ่งเหล่านี้
▐▐เป็น HTML และสร้างด้วยรหัสนี้: ▐▐.
เจอแล้วมันอยู่ในบล็อกเทคนิคเบ็ดเตล็ด ⏸ (U + 23F8)
ฉันใช้▐▌
HTML: ▐ ▌
CSS: \2590\A0\258C
หากคุณต้องการให้อักขระที่เป็นอักขระเดี่ยวตรงกับสามเหลี่ยมหันขวาสำหรับ "เล่น" ให้ลองใช้เลขโรมัน 2 Ⅱ Ⅱใน HTML หากคุณสามารถวางแท็กการจัดรูปแบบไว้รอบ ๆ แท็กนั้นก็จะดูดีเป็นตัวหนา Ⅱอยู่<b>Ⅱ</b>ใน HTML สิ่งนี้มีการรองรับที่ดีกว่าแถบแนวตั้งคู่ที่กล่าวถึงก่อนหน้านี้มาก
เบราว์เซอร์สมัยใหม่รองรับ 'DOUBLE VERTICAL BAR' (U + 23F8) ด้วยเช่นกัน:
http://www.fileformat.info/info/unicode/char/23f8/index.htm
สำหรับเครื่องเล่นเพลงมันสามารถทำหน้าที่เป็นคู่หูสำหรับ 'BLACK RIGHT-POINTING POINTER' (U + 25BA) ได้เนื่องจากทั้งคู่มีความกว้างและความสูงเท่ากันทำให้เหมาะสำหรับปุ่มเล่น / หยุดชั่วคราว:
ไม่มีอักขระที่เข้ารหัสเพื่อใช้เป็นสัญลักษณ์หยุดชั่วคราวแม้ว่าอักขระต่างๆหรือชุดอักขระต่างๆอาจมีลักษณะเหมือนสัญลักษณ์หยุดชั่วคราวมากหรือน้อยขึ้นอยู่กับแบบอักษร
ในการอภิปรายในรายชื่อผู้รับจดหมาย Unicode สาธารณะในปี 2548 ข้อเสนอแนะให้ใช้อักขระ U + 275A HEAVY VERTICAL BAR สองชุด: ❚❚ แต่ความเพียงพอของผลลัพธ์ขึ้นอยู่กับแบบอักษร ตัวอย่างเช่นสัญลักษณ์อาจได้รับการออกแบบให้แท่งอยู่ห่างกันมากเกินไป - การอภิปรายในรายการจะอธิบายว่าเหตุใดสัญลักษณ์หยุดชั่วคราวจึงไม่ได้รับการเข้ารหัสและสิ่งนี้ก็ไม่มีการเปลี่ยนแปลง
ดังนั้นตัวเลือกที่ดีที่สุดคือการใช้รูปภาพ หากคุณจำเป็นต้องใช้สัญลักษณ์ในข้อความขอแนะนำให้สร้างเป็นขนาดใหญ่ที่เหมาะสม (เช่น 60 x 60 พิกเซล) และลดขนาดเป็นขนาดข้อความด้วย CSS (เช่นการตั้งค่าheight: 0.8emในimgองค์ประกอบ)
สัญลักษณ์ ISO 7000 / IEC 60417 สำหรับหยุดชั่วคราว การหยุดชะงักคือ # 5111B ดูMedia_Controls