मैं अपने आवर्धक ग्लास फ़ॉन्ट को बड़ा प्रस्तुत करने के लिए सख्त कोशिश कर रहा हूं। नीचे दिया गया कोड फ़ायरफ़ॉक्स में ठीक काम करता है लेकिन क्रोम या आईई 9 में नहीं।फ़ॉन्ट-विस्मयकारी कैसे फ़ॉन्ट को स्केल करने के लिए?
मुझे क्या याद आ रही है?
.icon-larger
{
font-size:50px;
}
<div class="search-icon"><i class="icon-search icon-larger"></i></div>
धन्यवाद!
जोड़े display:block या display:inline-block
फ़ॉन्ट अद्भुत आइकन को झुका है: छद्म तत्व के बाद, तो अपने सीएसएस की आवश्यकता होगी होने की
.icon-larger:before
{
font-size: 50px;
}
मैं सभी सीएसएस सामग्री की एक संदर्भ पेज बनाया है फ़ॉन्ट विस्मयकारी के लिए मूल्य, एक सीएसएस स्निपेट के साथ जो दिखाता है कि किसी भी तत्व के साथ आइकन का उपयोग कैसे करें: http://astronautweb.co/snippet/font-awesome/
पुराना प्रश्न लेकिन मुझे एक ही समस्या थी और ऐसा लगता है कि मैं फ़ॉन्ट Awes को शामिल करना भूल गया ओमे सीएसएस उदाहरण: <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
आप अभी भी आइकन देखेंगे, लेकिन यह गायब होने पर स्केल नहीं होगा।
इस page पर एक नज़र डालें और उन उदाहरणों को देखें जो आइकन आकार को स्केल करते हैं।
आप इसका आकार 5 गुना बढ़ा सकते हैं।
उदाहरण:
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
आप एक प्रतिलिपि प्रस्तुत करने योग्य परीक्षण मामला बनाने के कर सकते हैं? –