পূর্বে, সাইটগুলি তৈরি করার সময়, আপনাকে বিটম্যাপ আইকন ব্যবহার করতে হবে। এটি সুন্দর, তবে বিভিন্ন কারণে অসুবিধে হয়েছিল। আজ, ভেক্টর আইকনগুলি রাস্টার আইকনগুলি প্রতিস্থাপন করেছে। এটি একটি আসল এবং মার্জিত সমাধান যা আপনার সাইটের সজ্জিত এবং রিফ্রেশ করবে।
নির্দেশনা
ধাপ 1
আইকন থেকে ফন্ট তৈরি করার জন্য একটি ভাল ওয়েব পরিষেবা রয়েছে। এটাকে ফন্টাস্টিক বলে। এটি সম্পূর্ণ বিনামূল্যে এবং কোনও বিজ্ঞাপন নেই। প্রথম পদক্ষেপটি পরিষেবা ওয়েবসাইটে নিবন্ধন করা। ফন্টাস্টিক.মে ওয়েবসাইটে যান, ইনপুট ক্ষেত্রে আপনার ইমেল ঠিকানাটি প্রবেশ করুন এবং একটি পাসওয়ার্ড তৈরি করুন, তারপরে বড় হলুদ বোতামটি "আপনার আইকন ফন্টটি তৈরি করুন" ক্লিক করুন। কখনও কখনও এটি ঘটে যে সফল নিবন্ধকরণ নিশ্চিতকরণের কোনও তথ্য প্রদর্শিত হবে না। এটি নিয়ে চিন্তা করবেন না, পরবর্তী পদক্ষেপে যান।
ধাপ ২
এখন উপরের ডানদিকে অবস্থিত "লগইন" বোতামটি ক্লিক করুন। খোলা পৃষ্ঠায়, আপনার ইমেল এবং পাসওয়ার্ড আবার প্রবেশ করুন, "লগইন" বোতাম টিপুন।
কয়েক সেকেন্ড অপেক্ষা করার পরে, আইকনগুলি থেকে ফন্টগুলি তৈরি করার জন্য প্যানেলটি খুলবে।
ধাপ 3
এখানে আইকনগুলির একটি বৃহত নির্বাচন। মাউসের সাহায্যে আপনার পছন্দসই আইকনগুলিতে ক্লিক করে আপনার প্রয়োজনমতো আইকন নির্বাচন করুন। শীর্ষে, "পাবলিশ" শব্দের পরে, নির্বাচিত আইকনগুলির সংখ্যা নির্দেশিত হয়।
পদক্ষেপ 4
উপস্থাপিত নম্বর থেকে যদি আপনার পর্যাপ্ত আইকন না থাকে তবে পৃষ্ঠার নীচে স্ক্রোল করুন এবং "আরও আইকন যুক্ত করুন" বলে বোতামটি সন্ধান করুন। এটিতে ক্লিক করুন।
পদক্ষেপ 5
অতিরিক্ত আইকন প্যাক সহ একটি পৃষ্ঠা খুলবে। তাদের মধ্যে কিছু প্রদান করা হয় ("প্রিমিয়াম" লেবেলযুক্ত), কিছু বিনামূল্যে। অতিরিক্ত আইকন সক্রিয় করতে, নির্বাচিত প্যাকেজগুলিতে "ACTIVATE" বোতামটি টিপুন। উপরের মেনুতে "হোম" বোতামটি ক্লিক করে আপনি যখন নিয়ন্ত্রণ প্যানেলটি শুরু করতে যাবেন তখন তারা উপলব্ধ আইকনগুলির সাধারণ তালিকায় উপস্থিত হবে।
পদক্ষেপ 6
যদি আপনার নিজের আইকনগুলি যুক্ত করতে হয় তবে উপরের ডানদিকে একই পৃষ্ঠায়, "আইম্পোনস আইকনস" বোতামটি ক্লিক করুন। আপনি এখন আপনার নিজের আইকন আপলোড করতে পারেন। দয়া করে মনে রাখবেন যে কেবল এসভিজি ভেক্টর ফর্ম্যাটটি সমর্থিত।
পদক্ষেপ 7
প্রয়োজনীয় সংখ্যক আইকন নির্বাচন করে, "কাস্টমাইজ" বোতামটি টিপুন। এখানে আপনি নির্বাচিত সমস্ত আইকন দেখতে পাবেন এবং আপনি তাদেরকে নির্বিচার শ্রেণির নামগুলি অর্পণ করতে পারেন, যার মাধ্যমে আপনি সেগুলি সিএসএস শৈলীতে উল্লেখ করবেন। অথবা সিস্টেমটি আইকনগুলিতে নির্ধারিত ডিফল্ট নামগুলি ছেড়ে দিতে পারেন।
পদক্ষেপ 8
"পাবলিশ" বোতাম টিপুন। এখানে আপনি তৈরি ভেক্টর আইকন ফন্ট ("ডাউনলোড" বোতাম) ডাউনলোড করতে পারেন। আপনার কম্পিউটারে পরিষেবা দ্বারা তৈরি ফন্ট সংরক্ষণাগারটি ডাউনলোড করুন।
পদক্ষেপ 9
ডাউনলোড করা সংরক্ষণাগারটিতে সিএসএস স্টাইল ফাইল, আইকন ক্লাসের নাম সহ এইচটিএমএল ফাইল এবং ফন্টগুলির সাথে "ফন্ট" ফোল্ডার রয়েছে। এই আইকন ফন্টটি আপনার ওয়েবসাইটে ব্যবহার করা যেতে পারে।
পদক্ষেপ 10
তৈরি আইকন ফন্ট ব্যবহার করতে, আপনাকে নিম্নলিখিতগুলি করতে হবে:
- সংরক্ষণাগারটির বিষয়বস্তুগুলি আনপ্যাক করুন এবং স্টাইল সহ ডিরেক্টরিতে আপনার সাইটে আপলোড করুন;
- এই আইকন ফন্টের সাথে কাজ করবে এমন সমস্ত সাইট পৃষ্ঠার হেড বিভাগে একটি সিএসএস ফাইলে একটি লিঙ্ক প্রবেশ করান;
- পৃষ্ঠা কোডে, আমরা সদ্য নির্মিত আইকন ফন্ট ব্যবহার করতে পূর্ববর্তী ক্লাসগুলির নাম ব্যবহার করি।
