Emojis के लिए गैर मानक यूनिकोड प्रतीकों को प्रतिस्थापित करने से एंड्रॉइड डिवाइस पर क्रोम (या सामान्य रूप से फोन इंटरनेट ब्राउज़र) को कैसे रोकें?

Question

हैलो स्टैक ओवरफ्लो-जो मैं अधिक स्पष्ट के बारे में पूछ रहा हूं, मैं विस्तृत करूंगा।

मैं घूर्णन परिवर्तन में निम्नलिखित प्रतीकों का उपयोग कर रहा हूं: ☎ और ♦ और ✔ (☎ and ♦ and ✔ respectively)।

हालांकि मेरे एंड्रॉइड डिवाइस पर (स्मार्ट फोन, एलजी जी 4), यह इन टेक्स्ट प्रतीकों को गैर-पाठ चित्र इमोजी के साथ बदलता है जो मेरे परिवर्तन या फ़ॉन्ट आकार शैलियों के साथ प्रारूपित नहीं होते हैं।

मैं ब्राउज़र को अपनी वेबसाइट पर दिए गए फ़ॉन्ट में नियमित प्रतीकों का उपयोग करने के लिए मजबूर करना चाहता हूं (एक शामिल .ttf फ़ाइल के साथ @ फ़ॉन्ट-फेस का उपयोग करके)। डेस्कटॉप पर, मेरे इरादे के रूप में मेरे चुने हुए प्रतीकों को प्रदर्शित करने में मुझे कोई समस्या नहीं है।

आपकी सहायता की बहुत सराहना की गई है क्योंकि मुझे अपने टेक्स्ट व्यवस्था का एक छवि विकल्प बनाने के लिए मजबूर नहीं किया जाएगा। धन्यवाद।

Answer 1

आपको उन वर्णों के लिए समर्थन के साथ एक वेबफॉन्ट शामिल करना चाहिए जिन्हें आप उपयोग करना चाहते हैं।

, अपने सीएसएस में एक आइकन फ़ॉन्ट शामिल करने के लिए निम्नलिखित कोड का उपयोग करें:

@font-face { 
    font-family: 'myfont'; 
    src:url('fonts/myfont.eot?-td2xif'); 
    src:url('fonts/myfont.eot?#iefix-td2xif') format('embedded-opentype'), 
     url('fonts/myfont.woff?-td2xif') format('woff'), 
     url('fonts/myfont.ttf?-td2xif') format('truetype'), 
     url('fonts/myfont.svg?-td2xif#myfont') format('svg'); 
    // Different URLs are required for optimal browser support 
    // Make sure to : 
    // 1) replace the URLs with your font's URLs 
    // 2) replace `#myfont` with the name of your font 
    font-weight: normal; // To avoid the font inherits boldness 
    font-style: normal; // To avoid font inherits obliqueness or italic 
} 

.emoji { 
    font-family: 'myfont', Verdana, Arial, sans-serif; // Use regular fonts as fallback 
    speak: none; // To avoid screen readers trying to read the content 
    font-style: normal; // To avoid font inherits obliqueness or italic 
    font-weight: normal; // To avoid the font inherits boldness 
    font-variant: normal; // To avoid the font inherits small-caps 
    text-transform: none; // To avoid the font inherits capitalization/uppercase/lowercase 
    line-height: 1; // To avoid the font inherits an undesired line-height 
    -webkit-font-smoothing: antialiased; // For improved readability on Webkit 
    -moz-osx-font-smoothing: grayscale; // For improved readability on OSX + Mozilla 
} 

फिर आप इस तरह अपने प्रतीक शामिल कर सकते हैं:

<span class="icon">&#9742;</span> 
<span class="icon">&#9993;</span> 

आप एक webfont पता नहीं है कि अपने चरित्र का समर्थन करता है, आप Icomoon App का उपयोग करके आसानी से स्वयं को बना सकते हैं। 650 प्रतीकों के समर्थन के साथ एक आइकन फ़ॉन्ट के उदाहरण के लिए मेरा ओपन सोर्स Emoji icon font भी देखें, जिसे मैंने आईकॉमून ऐप के साथ बनाया था।

यदि आप मेरे आइकन फ़ॉन्ट (या किसी अन्य आइकन फ़ॉन्ट) का उपयोग करने की योजना बनाते हैं, तो मैं आपको अनुशंसा करता हूं कि आप उन आइकनों को छोड़कर सभी प्रतीकों को हटाने के लिए आईकॉमून ऐप में फ़ॉन्ट संपादित करें, जिससे आपकी फाइलसाइज काफी कम हो जाएगी!

---

और जानकारी:

• Create webfont with Unicode Supplementary Multilingual Plane symbols