কিভাবে একটি ওয়েবসাইটে ফন্ট সাইজ এবং ফেস চেক করবেন

আপনি ডিজাইনে আছেন বা একটি নির্দিষ্ট ওয়েবসাইটের চেহারার মতোই, সাইটটি কী ধরণের ফন্ট ব্যবহার করছে এবং এটি কী আকারের তা জেনে আপনাকে এটি অনুকরণ করতে বা আপনার নিজের ওয়েবসাইটে এটি ব্যবহার করতে সহায়তা করতে পারে। এটি অর্জন করার বিভিন্ন উপায় রয়েছে এবং আমি আপনাকে এখানে তাদের কয়েকটি দেখাব। সুতরাং আপনি যদি একটি ওয়েবসাইটে ফন্টের ধরন এবং আকার পরীক্ষা করতে চান তবে পড়ুন!

কিভাবে একটি ওয়েবসাইটে ফন্ট সাইজ এবং ফেস চেক করবেন

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

একটি ওয়েবসাইটে ফন্টের ধরন এবং আকার পরীক্ষা করা হচ্ছে

যেকোনো ওয়েবসাইটে ফন্টের ধরন এবং আকার চেক করার কয়েকটি উপায় রয়েছে। সবচেয়ে সহজ পদ্ধতি ব্রাউজার নিজেই ব্যবহার করে, অন্যরা পৃষ্ঠা সম্পদ সনাক্ত করতে তৃতীয় পক্ষের সরঞ্জাম ব্যবহার করে। আমি উভয় প্রকার কভার করব। প্রথমত, আমরা বিল্ট-ইন ব্রাউজার পদ্ধতিতে ফোকাস করব।

  1. আপনি যে পৃষ্ঠাটির চেহারা পছন্দ করেন সেটিতে ডান ক্লিক করুন এবং নির্বাচন করুন উপাদান পরিদর্শন (ফায়ারফক্স), পরিদর্শন করুন (ক্রোম), বা F12ডেভেলপার টুলস (প্রান্ত)। ক্রোম ওয়েব মেনু
  2. নির্বাচন করুন পরিদর্শক (ফায়ারফক্স) বা গণনা করা হয়েছে (Chrome) নতুন নীচের উইন্ডোতে এবং ডানদিকে স্ক্রোল করুন যতক্ষণ না আপনি পৌঁছান হরফ বা অক্ষরের আকার. এটিতে ফন্টের পরিবার, ব্যবহৃত নির্দিষ্ট ফন্ট, এর আকার, এর রঙ এবং পৃষ্ঠাটি সংজ্ঞায়িত অন্য কিছু দেখানো উচিত। ক্রোম ইন্সপেক্টর টুল

বিভিন্ন CMS এবং বিভিন্ন ওয়েব ডিজাইন তাদের ফন্টের তথ্য বিভিন্ন উপায়ে প্রদর্শন করে। কয়েকটি ওয়েব পৃষ্ঠায় এই পদ্ধতিটি ব্যবহার করে দেখুন এবং আপনি সম্ভবত ফন্টগুলিকে সংজ্ঞায়িত করার কয়েকটি ভিন্ন উপায় দেখতে পাবেন।

একটি ওয়েবসাইট-2-এ কীভাবে-পরীক্ষা করা যায়-ফন্ট-টাইপ-এবং-আকার

ফন্টের ধরন এবং আকার সনাক্ত করার জন্য তৃতীয় পক্ষের সরঞ্জাম

কিছু তৃতীয় পক্ষের অ্যাড-অন রয়েছে যেগুলি প্লাগইন বা বুকমার্কলেট হিসাবে কাজ করে এবং ফন্টের ধরন সনাক্ত করতে পারে। তারা Safari সহ বেশিরভাগ ব্রাউজারগুলির সাথে কাজ করে, তাই আপনার এমন কিছু খুঁজে পাওয়া উচিত যার সাথে আপনি খুব ঝামেলা ছাড়াই কাজ করতে পারেন৷

ফায়ারবাগ

ফায়ারবাগ ডেভেলপারদের জন্য ফায়ারফক্স-শুধুমাত্র ডিবাগিং টুল হিসেবে ব্যবহৃত হত। এটি এত জনপ্রিয় হয়ে উঠেছে যে এটি এখন ব্রাউজার অজ্ঞেয়বাদী এবং বেশিরভাগ ব্রাউজারে কাজ করবে। এটি একটি অবিশ্বাস্যভাবে বহুমুখী টুল যা ফন্ট সহ একটি ওয়েব পৃষ্ঠার যেকোনো উপাদান পরীক্ষা করতে পারে।

  1. অ্যাড-অন ইনস্টল করুন যেমন আপনি সাধারণত চান, পৃষ্ঠায় কিছু পাঠ্য হাইলাইট করুন, Firebug-এর মধ্যে HTML ট্যাবে ক্লিক করুন এবং তারপর ডানদিকে 'গণনা করা' ক্লিক করুন। Firebug এর পরে ফন্টের নাম, ফন্টের পরিবার, আকার, ওজন এবং আপনার যা জানা দরকার তা হাইলাইট করা উচিত।

যাইহোক, মনে রাখবেন যে Firebug 2017 সাল থেকে বন্ধ করা হয়েছে। এর পুরানো সংস্করণগুলি এখনও ডাউনলোড করা যেতে পারে, কিন্তু সেগুলি আর আপডেট করা হবে না এবং ব্রাউজারগুলি বিকশিত হওয়ার সাথে সাথে Firebug কার্যকারিতা হারাবে।

একটি ওয়েবসাইটে-তে-ফন্ট-টাইপ-এবং সাইজ-কিভাবে-চেক করতে হয়-3

হোয়াটফন্ট

WhatFont হল একটি বুকমার্কলেট যা ওয়েব পৃষ্ঠাগুলিতে ফন্ট সনাক্ত করতে পারে। বুকমার্কলেটটিকে আপনার বুকমার্ক বারে টেনে আনুন এবং যেকোনো স্থানে, প্রায় যেকোনো ফন্ট সনাক্ত করতে এটি ব্যবহার করুন। এটি ব্যবহার করা বিনামূল্যে, এবং খুব সহজবোধ্য। আপনার পছন্দের একটি ওয়েব পৃষ্ঠাতে নেভিগেট করুন, বুকমার্কলেটে ক্লিক করুন এবং আপনি যে ফন্টটি সনাক্ত করতে চান তার উপর হোভার করুন৷ এটির উপরে একটি ছোট কালো বাক্স প্রদর্শিত হবে, আপনাকে ফন্টটি বলছে।

যেহেতু এটি আপডেট করা হয়েছে, এটি এমনকি সম্পর্কিত অ্যাড-অনগুলির সাথে সামঞ্জস্যপূর্ণ করা হয়েছে।

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

অনেক বুকমার্কলেট টাইপ অ্যাড-অন রয়েছে যা ফন্ট সনাক্ত করতে পারে; হোয়াটফন্ট তাদের মধ্যে একটি। আপনি একটি ব্যবহার করেন? এই নিবন্ধটি কি আপনাকে একটি নতুন চেষ্টা করতে রাজি করেছে? আমাদের নীচে জানতে দিন.