আমি কীভাবে নিশ্চিত করব যে প্রতিটি গ্লাইফের প্রস্থ একই থাকে?

Question 1

আমি লক্ষ করেছি যে এমনকি একই ফন্টের আকারেও কোনও প্রমিত প্রস্থ নেই। শব্দগুলি জাগ্রত না হওয়ার জন্য আমি কীভাবে এইগুলিকে তালিকার তালিকার সামনে ব্যবহার করতে পারি?

ইস্যুর স্ক্রিনশট:

এই কোড:

<ul id="myTab">
    <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li>
    <li><a href="#video"><i class="icon-film"></i> Videos</a></li>
    <li><a href="#asset"><i class="icon-paper-clip"></i> Assets</a></li>
    <li><a href="#payment"><i class="icon-credit-card"></i> Payment</a></li>
    <li><a href="#history"><i class="icon-calendar empty"></i> History</a></li>
</ul>

Question 2

৩.১.১ থেকে আপনি icon-fixed-widthসিএসএস সম্পাদনা না করে ক্লাসটি ব্যবহার করতে পারেন ।

http://fortawesome.github.io/Font-Awesome/3.2.1/example/#navifications

৪.০ থেকে, আপনার ব্যবহার করা উচিত fa-fw:
৪.x https://fontawesome.com/v4.7.0/example/#fixed-width
5.x https://fontawesome.com/how-to-use/on-the-web / স্টাইলিং / নির্দিষ্ট-প্রস্থ-আইকন

চিহ্নিত করার জন্য @ ক্যালেসিনকে ধন্যবাদ।

Question 3

আপনি কি নিশ্চিত যে অন্য কোনও স্টাইল সংজ্ঞায়িত হয়নি যা এটি করছে?

আমি ফন্ট আশ্চর্যরকম ব্যবহার করে এমন কোনও সাইটে আপনার এইচটিএমএলটিকে কোনও ফাইলে স্থাপন করা দেখায়:

আইকন এবং টেক্সট কীভাবে আপ হয় তা লক্ষ্য করুন। যোগ করা রেখাগুলি সহ এটি আপনার আসল চিত্র:

দেখে মনে হচ্ছে আপনার কোথাও কোনও স্টাইল সংজ্ঞায়িত হয়েছে যা হরফ ফন্টটি অপসারণ করছে is

আপনি font-awesome.cssএটি অস্থায়ীভাবে সমাধান করে কিনা তা দেখার জন্য মূল ফন্ট আশ্চর্য শৈলীতে (আগত ) যুক্ত করার চেষ্টা করতে পারেন:

li [class^="icon-"], .nav li [class^="icon-"], 
li [class*=" icon-"], .nav li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

Question 4

এটি সহজ এবং স্কেল করা সহজ গ্লাইফ বা এই CSS ব্যবহার করে কোনও আইকন

> .fa { transform: scale(1.5,1); }

Question 5

উপরে Fontawesome সংস্করণের জন্য 4.x , ব্যবহার fa-fwমধ্যে বর্গ <i>ট্যাগ। রেফ: - https://fontawesome.com/how-to-use/on-the-web/styling/fixed-width-icons