सीएसएस के माध्यम से यूनिकोड:

Question

से पहले मैं अपने वेबपृष्ठ पर Font Awesome का उपयोग कर रहा हूं और मैं :before छद्म तत्व के अंदर एक आइकन प्रदर्शित करना चाहता हूं।

documentation/cheatsheet के अनुसार, मुझे यह फ़ॉन्ट प्राप्त करने के लिए  टाइप करना होगा, लेकिन यह काम नहीं कर रहा है। मुझे विश्वास है कि यह सामान्य है क्योंकि HTML इकाइयां :before में समर्थित नहीं हैं।
तो मैंने थोड़ी सी चीज की और पता चला कि अगर आप :before में एचटीएमएल इकाइयों को प्रदर्शित करना चाहते हैं, तो आपको बच निकले हेक्स संदर्भ का उपयोग करना होगा।
तो मैं हेक्स संदर्भ को  पर खोज रहा था लेकिन मुझे कुछ भी नहीं मिला। मेरा मानना ​​है कि ऐसा इसलिए है क्योंकि ये "निजी उपयोग" मान हैं, जो भी इसका मतलब है।

क्या यह :before में काम करने का कोई तरीका है?

Answer 1

 से बच निकले हेक्स संदर्भ \f066 है।

content: "\f066"; 

Answer 2

Fileformat.info इस सामग्री के लिए एक बहुत अच्छा संदर्भ है। आपके मामले में, यह पहले से ही हेक्स में है, इसलिए हेक्स मान f066 है। तो तुम क्या चाहते हैं:

content: "\f066"; 

Answer 3

कोड आइकन में प्रयोग किया जाता अंक फ़ॉन्ट चाल है, आमतौर पर निजी उपयोग कोड अंक हैं जिसका मतलब है कि वे कोई आम तौर पर केवल निजी द्वारा अर्थ को परिभाषित किया है और खुले जानकारी आदान-प्रदान में नहीं किया जाना चाहिए, इच्छुक पार्टियों के बीच समझौता। हालांकि, निजी उपयोग कोड बिंदुओं को किसी अन्य यूनिकोड मान के रूप में प्रदर्शित किया जा सकता है, उदा। \f066 जैसे नोटेशन का उपयोग करके सीएसएस में, जैसा कि अन्य ने उत्तर दिया है। आप कोड बिंदु भी दर्ज कर सकते हैं, यदि आपका दस्तावेज़ यूटीएफ -8 एन्कोडेड है और आप जानते हैं कि अपने संलेखन वातावरण में इसकी संख्या से मनमानी यूनिकोड मान कैसे टाइप करें (लेकिन निश्चित रूप से यह आमतौर पर अज्ञात के प्रतीक के रूप में प्रदर्शित किया जाएगा चरित्र)।

हालांकि, यह आइकन फोंट का उपयोग करने का सामान्य तरीका नहीं है। आम तौर पर आप <span class="icon-resize-small">foo</span> जैसे फ़ॉन्ट और उपयोग संरचनाओं के साथ प्रदान की गई एक सीएसएस फ़ाइल का उपयोग करते हैं। सीएसएस कोड तब तत्व की शुरुआत में प्रतीक डालने का ख्याल रखेगा, और आपको कोड बिंदु संख्या जानने की आवश्यकता नहीं है।

Answer 4

सीएसएस में, FontAwesome यूनिकोड केवल काम करता है जब सही फ़ॉन्ट परिवार घोषित किया जाता है:

font-family: "FontAwesome"; 
content: "\f066";