Unicode มีร่ายมนตร์ไอคอนเป็นล้าน แต่มันยากมากที่จะค้นหา
มีสัญลักษณ์ยูนิโคดที่ดูเหมือน "กล้องสองตา" หรือ "แว่นขยาย" หรือไม่? หรือมีสัญลักษณ์ที่ใช้หมายถึง "ค้นหา" ซึ่งอยู่ใน Unicode หรือไม่?
Unicode มีร่ายมนตร์ไอคอนเป็นล้าน แต่มันยากมากที่จะค้นหา
มีสัญลักษณ์ยูนิโคดที่ดูเหมือน "กล้องสองตา" หรือ "แว่นขยาย" หรือไม่? หรือมีสัญลักษณ์ที่ใช้หมายถึง "ค้นหา" ซึ่งอยู่ใน Unicode หรือไม่?
คำตอบ:
มีแก้ว MAGNIFYING LEFT-POINTING U + 1F50DและU + 1F50E RIGHT-POINTING MAGNIFYING GLASS (🔎)
คุณควรใช้ (เป็น HTML) 🔍
หรือ🔎
อย่างไรก็ตามฟอนต์หลายตัวนั้นไม่รองรับ (fileformat.info จะแสดงรายการฟอนต์เพียงไม่กี่ตัวที่รองรับ Codepoint ด้วย glyph ที่เหมาะสม)
โปรดทราบว่าพวกเขาอยู่นอกBMPดังนั้นซอฟต์แวร์ที่มีคุณสมบัติ Unicode บางอย่างอาจมีปัญหาในการแสดงผลแม้ว่าพวกเขาจะมีแบบอักษรที่รองรับก็ตาม
โดยทั่วไป Unicode ร่ายมนตร์สามารถค้นหาโดยใช้เว็บไซต์เช่นfileformat.info การค้นหานี้ "เท่านั้น" ในชื่อและคุณสมบัติของร่ายมนตร์ Unicode แต่พวกเขามักจะมีข้อมูลเมตาเพียงพอที่จะอนุญาตให้ผลลัพธ์การค้นหาที่ดี (สำหรับคำตอบนี้ฉันค้นหา "แก้ว" และเรียกดูรายการผลลัพธ์เช่น)
@font face
) อาจเป็นตัวเลือกเดียวและค่อนข้างมีปัญหา (เนื่องจาก Symbola เป็นแบบอักษรขนาดใหญ่) ตัวละครยังปรากฏใน Quivira (รุ่น 3.7) และสัญลักษณ์ Segoe UI (รุ่น 5.01) แต่ก็ยังคงเป็นชุดแบบอักษรที่ จำกัด มาก Quivira เป็นแบบอักษรฟรี Segoe UI Symbol มาพร้อมกับ Windows 7 และอนุญาตให้ฝังได้
⌕
ไหม มันไม่เกี่ยวข้องกันโดยสิ้นเชิง แต่คล้ายกับแว่นขยาย แต่อย่างใดและดูเหมือนจะรวมอยู่ในแบบอักษรมาตรฐานที่ U + 1F50D และ U + 1F50E ทำไม่ได้
ใช้สัญลักษณ์⚲ (เข้ารหัสเป็น⚲
หรือ⚲
) แล้วหมุนเพื่อให้ได้เอฟเฟกต์ที่ต้องการ:
<div style="-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);">
⚲
</div>
มันหมุนสัญลักษณ์ :)
<Grid.RenderTransform><CompositeTransform Rotation="-45" /></Grid.RenderTransform>
คุณต้องการทำสิ่งที่ชอบ พวกเรากำลังจดจ่ออยู่กับการเขียนโปรแกรมเว็บตอนนี้เมื่อถามคำถาม Unicode หรือไม่?
🔍
🔎
<span class='icn icn-find'></span>
แล้ว CSS .icn-find:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block; content: "\26B2"; }
คือ ใช้งานได้ดี!
ฉันขอแนะนำให้ใช้http://shapecatcher.com/เพื่อช่วยค้นหาอักขระ Unicode ช่วยให้คุณสามารถวาดรูปร่างที่คุณอยู่หลังจากนั้นและแสดงรายการการแข่งขันที่ใกล้เคียงที่สุดกับรูปร่างนั้น
#searchform:after { content: "\002315"; margin-left: -24px; }
คุณสามารถเพิ่ม CSS นี้ในส่วนหัวของคุณ
<link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet' type='text/css'>
ถัดไปเพิ่มรหัสนี้ในสถานที่ที่คุณต้องการที่จะแสดงสัญลักษณ์สัญลักษณ์
<div class="fa fa-search"></div> <!-- smaller -->
<div class="fa fa-search fa-2x"></div> <!-- bigger -->
มีความสุข.
<input>
พื้นที่ที่สำรองไว้ (ภายใน) ดังนั้นนี่เป็นเพียงวิธีการแก้ปัญหาสำหรับกรณีที่คุณสามารถใช้ HTML