CSS এ জেনেরিক ফন্ট পরিবার কি?

জেনেরিক ফন্ট ক্লাসিকাসমূহ আপনার ওয়েবসাইট ব্যবহার করার জন্য উপলব্ধ

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

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

ফন্ট-স্ট্যাক

যখন আপনি কোনও ওয়েবপৃষ্ঠাতে ব্যবহার করার জন্য একটি ফন্ট নির্দিষ্ট করেন , আপনার ফন্টের পছন্দ খুঁজে পাওয়া যাবে না তবে ফ্লেব্যাক বিকল্পগুলি অন্তর্ভুক্ত করার জন্য এটি একটি সেরা অনুশীলন। এই ফাঁকফুল বিকল্পগুলি "ফন্ট স্ট্যাক" এ উপস্থাপিত হয়। যদি ব্রাউজার স্ট্যাকের তালিকাভুক্ত প্রথম ফন্ট না খুঁজে পেতে পারে, তবে এটি পরবর্তী একটিতে চলে আসে। এটি ব্যবহার করে এটি ব্যবহার করে একটি ফন্ট খুঁজে না হওয়া পর্যন্ত এটি এই প্রক্রিয়াটি অব্যাহত রাখে, বা এটি পছন্দগুলির বাইরে চলে (যে ক্ষেত্রে এটি কেবল এটি চায় এমন কোনও সিস্টেম ফন্ট চয়ন করে)। এখানে "শরীর" উপাদান প্রয়োগ করার সময় একটি ফন্ট-স্ট্যাক সিএসএস-এ কীভাবে দেখবে তার উদাহরণঃ

শরীর [ফন্ট-পরিবার: জর্জিয়া, "টাইমস নিউ রোমান", সেরিফ; }

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

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

জেনেরিক ফন্ট ফ্যামিলি

সিএসএস-এ উপলব্ধ জেনেরিক ফন্ট নাম:

স্ল্যাব-সেরিফ, ব্ল্যাকএটার, ডিসপ্লে, গ্রুঞ্জ এবং আরও কিছু সহ ওয়েব ডিজাইন এবং টাইপোগ্রাফির মধ্যে উপলব্ধ অনেক অন্যান্য ফন্ট ক্লাসিকেশন রয়েছে, তবে 5 টি উপরে উল্লিখিত জেনেরিক ফন্টের নামগুলি আপনি CSS এ ফন্ট-স্ট্যাকের মধ্যে ব্যবহার করবেন। এই ফন্ট ক্লাসিফিকেশন মধ্যে পার্থক্য কি? একবার দেখা যাক!

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

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

Monospace ফন্ট যেখানে সব অক্ষর সমান আকার এবং সমান হয়, যেমন আপনি একটি পুরানো টাইপরাইটার পাওয়া আছে অন্য ফন্টের পরিবর্তে অক্ষরের জন্য ভেরিয়েবলের প্রস্থগুলি যার আকারের উপর নির্ভর করে (উদাহরণস্বরূপ, একটি মূলধন "W" একটি ছোট হাতের "আই" এর তুলনায় অনেক বেশি রুট লাগবে), মোনোএসস ফন্ট সকল অক্ষরের জন্য নির্দিষ্ট প্রস্থ। এই ফন্ট প্রায়ই একটি পৃষ্ঠাতে প্রদর্শিত হচ্ছে যখন কোড ব্যবহার করা হয় কারণ তারা স্পষ্টভাবে যে পৃষ্ঠার অন্যান্য টেক্সট তুলনায় ভিন্ন বর্ণন।

সেরিফ ফন্টগুলি আরও জনপ্রিয় শ্রেণিবদ্ধের একটি। এই ফন্টগুলি যে অক্ষরের আকারে সামান্য অতিরিক্ত লঘিকস রয়েছে। যারা অতিরিক্ত টুকরা "serifs" বলা হয়। সাধারণ সেরিফ ফন্টগুলি জর্জিয়া এবং টাইমস নিউ রোমান। স্যারিফ ফন্টগুলি বড় পাঠের জন্য ব্যবহার করা যেতে পারে যেমন শিরোনাম এবং পাঠ্য এবং দেহের অনুলিপিগুলির দীর্ঘ অংশ।

সানসিরফ হচ্ছে চূড়ান্ত শ্রেণিবিন্যাস যা আমরা দেখব। এই ফন্টগুলি যা পূর্ববর্তী লিংকগুলি নেই। নাম "সেরিফ ছাড়াই" মানে এই বিষয়শ্রেণীতে জনপ্রিয় ফন্ট হবে Arial বা Helvetica। সেরিফের অনুরূপ, সেন্স-সেরিফ ফন্টগুলি শিরোনামগুলির পাশাপাশি শরীরের সামগ্রীতে সমানভাবে ব্যবহার করা যেতে পারে।

জনিফার ক্রাইনিনের মূল রচনা 10/16/17 এ জেরেমি গিরিড দ্বারা সম্পাদিত