ফন্ট অসাধারণ: সম্পূর্ণ গ্রন্থাগার গাইড

ফ্রি আইকনগুলি অসাধারণ: এটি কী এবং এটি কী ব্যবহার করা হয় তা কী। সাইটে আইকন সংযোগ কিভাবে। লাইব্রেরির উপকারিতা এবং অসুবিধা।

ফন্ট সন্ত্রস্ত আইকন সেট: চূড়ান্ত গাইড

ফন্ট সন্ত্রস্ত CSS এবং কম উপর ভিত্তি করে ফন্ট এবং আইকনগুলির একটি সেট। টুলটি আপনাকে দ্রুত সাইটগুলিতে সমস্ত ধরণের আইকনগুলিকে দ্রুত সংযুক্ত করতে দেয়, উল্লেখযোগ্যভাবে তার নকশা এবং ব্যবহারযোগ্যতা উন্নত করে। কোডের কয়েকটি লাইন সন্নিবেশ করা যথেষ্ট।

ফন্ট অসাধারণ আপনাকে স্কেলযোগ্য ভেক্টর আইকন দেয় যা আপনি সহজেই ব্যক্তিগতকৃত করতে পারেন - আকার, রঙ, ছায়া এবং সিএসএস দিয়ে করা যায় এমন সমস্ত কিছু।

ফন্ট অসাধারণ লাইব্রেরিতে আপনার জন্য সেরা পরামর্শগুলির একটি বিশাল সংগ্রহ রয়েছে। আপনি অনন্য আইকন দিয়ে আপনার প্রকল্পটি উন্নত করুন। প্রকৃতপক্ষে, এটি সমস্ত ধরণের আইকনগুলির একটি বিশাল সেট যা আপনি নিজের উদ্দেশ্যে ব্যবহার করতে পারেন।

Fontawesome মধ্যে, সব আইকন একেবারে এবং সম্পূর্ণ বিনামূল্যে। গ্রন্থাগারটি জিএনইউ জেনারেল পাবলিক লাইসেন্সের অধীনে লাইসেন্সযুক্ত। এর অর্থ হল এটি বাণিজ্যিক প্রকল্পগুলিতে এবং, নীতিগতভাবে সর্বত্রে মুক্তভাবে ব্যবহার করা যেতে পারে।

এই সেটটি ডেভ গান্ধী দ্বারা তৈরি করা হয়েছিল। এটিতে বিনামূল্যে সোশ্যাল মিডিয়া আইকন রয়েছে, আইকনগুলি ব্যবহারকারী ইন্টারফেসটি উন্নত করতে এবং আরও অনেক কিছু অন্তর্ভুক্ত করে।

সাধারণত, ফন্ট সন্ত্রস্ত ফন্ট স্ক্রিপ্ট বুটস্ট্র্যাপ এবং বুটস্ট্র্যাপডিনের সাথে যুক্ত করা হয়। ফন্ট সন্ত্রস্ত শুধুমাত্র জনপ্রিয়তায় গুগল ফন্টে দ্বিতীয়।

কিভাবে এটা কাজ করে

প্রধান বৈশিষ্ট্য হল যে সমস্ত ফন্ট সন্ত্রস্ত আইকন স্ট্যাটিক ইমেজ নয়। তারা ফন্ট ফরম্যাটে হয়। অন্য কথায়, এই আইকন ফন্ট। উদাহরণস্বরূপ, একটি অনুসন্ধান আইকন বা একটি সামাজিক নেটওয়ার্ক লোগো সহজ অক্ষর A, B, C হিসাবে একই।

ফন্ট সন্ত্রস্ত আইকন স্কেলেবল ভেক্টর ব্যবহার করে তৈরি করা হয়। অতএব, তারা প্রায় কোনো আকার বৃদ্ধি করা যেতে পারে।

সমস্ত উপলব্ধ আইকন এক ফন্ট ফাইল অন্তর্ভুক্ত করা হয়। আপনার যা দরকার তা হল অফিসিয়াল সাইট থেকে এই ফাইলটি ডাউনলোড করুন এবং স্টাইলগুলিতে সংযোগ করুন।

কেন ডিজাইনার ফন্ট সন্ত্রস্ত নির্বাচন করুন

ফন্ট সন্ত্রস্ত একটি সংখ্যা আছে:

• দ্রুত সংযোগ। আপনি কেবল অফিসিয়াল ওয়েবসাইট থেকে একটি বিশেষ ফাইল ডাউনলোড করতে এবং সিএসএস কোডে এটির পথটি নির্দিষ্ট করে এটি সংযুক্ত করতে হবে।
• নমনীয়তা এবং স্কেলেবিলিটি। আইকন কোন আকারে বাড়ানো যেতে পারে। ডিভাইস অনুমতি হিসাবে প্রতীক পরিষ্কার হবে। প্রতিক্রিয়াশীল নকশা বয়স, এই গুরুত্বপূর্ণ। যাইহোক, একই কারণে, ফন্ট সন্ত্রস্ত আইকনগুলি রেটিনা প্রদর্শনের জন্য উপযুক্ত।
• স্টাইলাইজেশন। আইকনগুলি সহজে রঙ, আকার, ছায়া বা অন্য কোনও বহিরাগত পরামিতিগুলিতে পরিবর্তিত হতে পারে। ডিজাইনার নিয়মিত টেক্সট স্টাইলিং সব সুবিধা পায়। আপনি আইকন ঘূর্ণায়মান করতে পারেন। উদাহরণস্বরূপ, উল্টানো প্রদর্শন বা 90 ডিগ্রী ঘোরান।
• সাইটের দ্রুত লোড হচ্ছে। সমস্ত আইকন এক ফন্ট ফাইল অন্তর্ভুক্ত করা হয়। সুতরাং এটি শুধুমাত্র ফন্ট সন্ত্রস্ত লোড করার জন্য একটি HTTP অনুরোধ নেয়। এই ওয়েবসাইট কর্মক্ষমতা জন্য মহান।
• ব্রাউজার প্রেম। ফন্ট সন্ত্রস্ত একটি ক্রস ব্রাউজার টুল। আপনি ফন্ট এবং আইকনগুলির ব্রাউজার সামঞ্জস্য সম্পর্কে চিন্তা করতে হবে না। তারা ভাল তাদের সব দ্বারা সমর্থিত হয়। এমনকি পুরানো IE8।
• বিভিন্ন কাঠামো সঙ্গে সামঞ্জস্যপূর্ণ। লাইব্রেরী প্রাথমিকভাবে বুটস্ট্র্যাপের জন্য তৈরি করা হয়েছিল। যাইহোক, এটি পাশাপাশি অন্যান্য কাঠামো সঙ্গে ভাল কাজ করবে।
• বিভিন্ন ফরম্যাট। টুলটি .eot, .ttf, .woff এবং SVG ফরম্যাটে পাওয়া যায়। তাই অন্যান্য ওয়েব ফন্ট হিসাবে একই ভাবে ফন্ট সন্ত্রস্ত পরিচালনা করা হয়।
• কোন জাভাস্ক্রিপ্ট প্রয়োজন। ফন্ট সন্ত্রস্ত চালানোর জন্য জাভাস্ক্রিপ্ট প্রয়োজন হয় না।

সুতরাং, ফন্ট সন্ত্রস্ত একটি কার্যকর এবং সুবিধাজনক টুল যা উল্লেখযোগ্যভাবে লেআউট সময় এবং আপনার ওয়েবসাইটের গতি সঞ্চয় করে।

ফন্ট অসুবিধা অসুবিধা

টুল এছাড়াও অসুবিধা আছে। সৌভাগ্যক্রমে, তাদের অনেক নেই।

প্রথম, আইকন শুধুমাত্র এক রঙে আঁকা যাবে। যাইহোক, এই সীমাবদ্ধতা circumventented করা যেতে পারে। উদাহরণস্বরূপ, একে অপরের সাথে বিনামূল্যে আইকন মিশ্রন। বা সিএসএস প্রভাব ব্যবহার করে

দ্বিতীয়ত, ফন্ট সন্ত্রস্ত লাইব্রেরিতে অনেকগুলি আইকন রয়েছে এবং এটি সমস্ত এক ফাইলের মধ্যে অন্তর্ভুক্ত। একটি ডিজাইনার বা লেআউট ডিজাইনার শুধুমাত্র কয়েকটি আইকন সংযোগ করতে হবে, তবে তাদের এখনও সম্পূর্ণ লাইব্রেরিটি সম্পূর্ণভাবে লোড করতে হবে। এবং এই শত শত হাজার অতিরিক্ত আইকন যা স্থান গ্রহণ করবে। যাইহোক, এখানে একটি সমাধান আছে - আপনার নিজস্ব সমাবেশ তৈরি করা, যা শুধুমাত্র প্রয়োজনীয় আইকন অন্তর্ভুক্ত করবে।

ফন্ট সন্ত্রস্ত সংস্করণ: 5 এবং 6

ফন্ট সন্ত্রস্ত 5 ডিসেম্বর 7, 2017 এ মুক্তি পায় এবং মূলত 1278 আইকন রয়েছে। পঞ্চম সংস্করণ দুটি প্যাকেজে আসে: ফ্রি (ফন্ট সন্ত্রস্ত ফ্রি ফ্রি) এবং অর্থ প্রদান করা (ফন্ট সন্ত্রস্ত প্রো)। বিনামূল্যে পরিকল্পনা এছাড়াও চতুর্থ সংস্করণ থেকে আইকন রয়েছে। আইকনগুলি সিল ওপেন ফন্ট লাইসেন্স 1.1 এর অধীনে পাওয়া যায়, ক্রিয়েটিভ কমন্স অ্যাট্রিবিউশন 4.0, এবং এমআইটি।

ফন্ট সন্ত্রস্ত 6 একটি নতুন সংস্করণ যা ২020 সালের দ্বিতীয়ার্ধে মুক্তি পায়। এটি নতুন আইকন অন্তর্ভুক্ত করে এবং শুধুমাত্র একটি প্রদত্ত পরিকল্পনাতে উপলব্ধ।

২0২1 সালে ফন্ট সন্ত্রস্ত 6 টি আলফাও চলছে। এটি আইকন লাইব্রেরির আরেকটি নতুন প্রজন্মের। নতুন আইকনগুলির পাশাপাশি, সংস্করণ 6 আলফা নতুন শৈলী, নতুন পরিষেবাদি এবং সহায়ক সরঞ্জামগুলিও যোগ করে। ব্যবহারকারী প্রাক অর্ডার করতে পারেন।

বিনামূল্যে এবং প্রদত্ত পরিকল্পনা: পার্থক্য এবং বৈশিষ্ট্য

আপনি বিনামূল্যে বা প্রদত্ত ট্যারিফ প্ল্যানের জন্য আইকন ডাউনলোড করতে পারেন।

বিনামূল্যে পরিকল্পনা 1600 আইকন এবং 1 সেট অন্তর্ভুক্ত। একটি কিট আইকন, শৈলী এবং সেটিংসের একটি সংগ্রহ যা আপনাকে কোডটি যুক্ত করে দ্রুত পরিবর্তন করতে দেয়।

প্রদত্ত ট্যারিফ:

• 7800 আইকন এবং ২0 টি সেট রয়েছে।
• ফন্ট সন্ত্রস্ত প্রো অ্যাক্সেস প্রদান করে। এর মানে হল যে আইকনগুলি স্থানীয় মোবাইল অ্যাপ্লিকেশনগুলিতে এবং আপনার কম্পিউটারে (উদাহরণস্বরূপ, একটি শব্দ পাঠ্য সম্পাদক বা পাওয়ার পয়েন্টে একটি উপস্থাপনা তৈরি করার সময় ব্যবহার করা যেতে পারে।
• আপনি আপনার নিজস্ব আইকন আপলোড করার অনুমতি দেয়। আপনি অফিসিয়াল ফন্ট সন্ত্রস্ত আইকনগুলির পাশাপাশি আপনার নিজের আইকনগুলির পাশাপাশি আপনার নিজস্ব আইকনগুলি ব্যবহার করতে পারেন। উদাহরণস্বরূপ, আপনি একটি কোম্পানির লোগো আপলোড করতে পারেন কিভাবে। আপনি আপনার নিজস্ব আইকনগুলির সাথে মৌলিক বেশী হিসাবে একই কর্ম সঞ্চালন করতে পারেন - শৈলী, আকার, রঙ, ইত্যাদি পরিবর্তন করুন।

উভয় সংস্করণ চিরস্থায়ী হয়। অর্থাৎ, তারা একবার এবং সব জন্য প্রদান করা হয়।

ফন্ট সন্ত্রস্ত সংযোগ করার উপায়

সর্বোপরি, আপনাকে অফিসিয়াল ওয়েবসাইটে যেতে হবে এবং লাইব্রেরিটি ডাউনলোড করতে হবে। ডাউনলোডকৃত আর্কাইভটি আপনার সাইট ফোল্ডারে অনুলিপি করা CSS এবং ফন্ট ফোল্ডারগুলি আনপ্যাকড করা উচিত।

তারপরে, লাইব্রেরির ফাইলের পথটি হেড ট্যাগগুলির মধ্যে নির্দিষ্ট করা হয়েছে। উদাহরণ স্বরূপ:

কিভাবে একটি ওয়েবসাইটে ফন্ট সন্ত্রস্ত আইকন প্রদর্শন করতে। সর্বাধিক জনপ্রিয় পদ্ধতি:

1. এইচটিএমএল

সহজতম পথ.

আপনি অফিসিয়াল ওয়েবসাইটে গ্যালারি যেতে হবে (fontawesome.com/icons?d=gallerery) এবং আপনি পছন্দ আইকন নির্বাচন করুন। প্রতিটি আইকন একটি ব্যক্তিগত কোড আছে, উদাহরণস্বরূপ :. এটি কোডের সঠিক স্থানে কপি এবং পেস্ট করার জন্য যথেষ্ট।

2. সিএসএস মাধ্যমে

এটি করার জন্য, পরে বা তার আগে, পাশাপাশি প্রয়োজনীয় আইকনের ইউনিকোডটি ব্যবহার করুন। আপনি একই গ্যালারি সব নিতে পারেন। যেমন কোড একটি উদাহরণ: F209।

একটি স্টাইল ফাইল এন্ট্রি একটি উদাহরণ:

DIV :: পরে {প্রদর্শন: ব্লক; বিষয়বস্তু: 'F209'; ফন্ট-পরিবার: 'ফন্ট সন্ত্রস্ত 5 বিনামূল্যে';}

উপসংহারে: সমস্ত ফন্ট সন্ত্রস্ত আইকন

সুতরাং, ফন্ট সন্ত্রস্ত আপনার ওয়েবসাইটে বিনামূল্যে আইকন যোগ করার একটি দ্রুত এবং সুবিধাজনক উপায়। সমস্ত আইকন সহজে স্কেলেবল এবং সাইটটিকে ধীর করে না।