যখন ওয়েবসাইটগুলি আসে তখন ইমেজগুলি অনেক বেশি ভালো লাগে তবে এটি লিখিত শব্দ যা ইঞ্জিন অনুসন্ধানের আপিল করে এবং সর্বাধিক সাইটের সামগ্রী বহন করে। যেমন, টাইপোগ্রাফিক ডিজাইন ওয়েবসাইট নকশা একটি সমালোচনামূলক গুরুত্বপূর্ণ অংশ। কোনও সাইটের পাঠ্যের গুরুত্বের সাথে এটি ভাল দেখায় এবং পড়তে সহজ হয় তা নিশ্চিত করার প্রয়োজন হয়। এই সিএসএস (ক্যাসকেডিং স্টাইল শীট) স্টাইলিং সঙ্গে সম্পন্ন করা হয়।
আধুনিক ওয়েব ডিজাইন স্ট্যান্ডার্ডের পরে, যখন আপনি কোনও ওয়েবসাইটের পাঠ্য সামগ্রীর চেহারাটি নির্দেশ করতে চান, তখন আপনি CSS ব্যবহার করে এটি করবেন। এটি একটি CSS এর স্টাইলটিকে HTML এর কাঠামোর থেকে আলাদা করে। উদাহরণস্বরূপ, যদি আপনি কোনও পৃষ্ঠার ফন্টটি "আড়িয়ায়" সেট করতে চান তবে আপনি আপনার CSS এ নিম্নলিখিত স্টাইলের নিয়ম যোগ করে এটি করতে পারেন (এটি সম্ভবত বহিরাগত সিএসএস স্টাইল শীটে সম্পন্ন করা হবে যা প্রত্যেকের জন্য শৈলীগুলিকে ক্ষমতা দেয়। ওয়েবসাইটের পাতা):
শরীর {
ফন্ট পরিবার: আrial;
}
এই ফন্টটি "শরীরের" জন্য সেট করা হয়েছে, তাই CSS CSS ক্যাসকেড পৃষ্ঠাটির অন্যান্য সমস্ত উপাদানগুলিতে শৈলী প্রয়োগ করবে। এটি হল কারণ অন্য সমস্ত HTML উপাদানটি "শরীরের" উপাদানটির একটি শিশু, CSS শৈলী যেমন ফন্ট পরিবার বা রঙটি পিতামাতার কাছে সন্তানের উপাদান থেকে ক্যাসকেড করবে। নির্দিষ্ট উপাদানগুলির জন্য আরো নির্দিষ্ট শৈলী যুক্ত না হওয়া পর্যন্ত এটি হবে। এই সিএসএস দিয়ে শুধুমাত্র সমস্যাটি শুধুমাত্র একটি ফন্ট নির্দিষ্ট করা হয়। যে ফন্টটি কোন কারণে পাওয়া যায় না, ব্রাউজারটি তার জায়গায় অন্যটি বদলাবে। এটি খারাপ কারণ আপনার কোন ফন্ট ব্যবহার করা হয় তার উপর কোনও নিয়ন্ত্রণ নেই; ব্রাউজার আপনার জন্য চয়ন করবে, এবং আপনি এটি ব্যবহার করার সিদ্ধান্ত নিয়েছে কি পছন্দ নাও হতে পারে! যেখানে একটি ফন্ট স্ট্যাক আসে। একটি ফন্ট স্ট্যাক CSS ফন্ট-পরিবার ঘোষণায় ফন্টগুলির একটি তালিকা। ফন্টগুলি লোড হচ্ছে না এমন কোনও সমস্যার ক্ষেত্রে সাইটটিতে উপস্থিত হওয়ার জন্য আপনার পছন্দ অনুসারে তালিকাভুক্ত করা হয়েছে। কোনও ফন্ট স্ট্যাক ওয়েব ডিজাইনের ফন্টগুলির চেহারা নিয়ন্ত্রণ করার জন্য ডিজাইনারকে অনুমতি দেয় এমনকি যদি কম্পিউটারের প্রাথমিক ফন্টটি আপনার জন্য বলা না থাকে। সুতরাং কিভাবে একটি ফন্ট স্ট্যাক চেহারা? এখানে একটি উদাহরণ: শরীর {
ফন্ট-পরিবার: জর্জিয়া, "টাইমস নিউ রোমান", সেরিফ;
}
এখানে লক্ষ্য করা কিছু জিনিস আছে। প্রথম, আপনি দেখতে পাবেন যে আমরা প্রতিটি ফন্টের নামকে প্রতিটিের মধ্যে কমা দিয়ে আলাদা করে রেখেছি। যতটা আপনি একটি কমা দ্বারা পৃথক করা হয়, আপনি চান হিসাবে অনেক ফন্ট যোগ করতে পারেন। ব্রাউজার প্রথমে উল্লেখ করা প্রথম ফন্ট লোড করার চেষ্টা করবে। যদি এটি ব্যর্থ হয় তবে এটি প্রতিটি ফন্ট ব্যবহার করে লাইনটি চালানো হবে যতক্ষণ না এটি এটি ব্যবহার করতে পারে। এই উদাহরণে, আমরা ওয়েব নিরাপদ ফন্ট ব্যবহার করছি, এবং "জর্জিয়া" সম্ভবত সেই ব্যক্তির কম্পিউটারে পাওয়া যাবে যা সাইটটি পরিদর্শন করছে (ব্রাউজারটি পৃষ্ঠাতে নির্দিষ্ট ফন্টগুলির জন্য আপনার কম্পিউটারে দেখায়, তাই সাইটটি আসলেই বলা হচ্ছে কম্পিউটার যা আপনার সিস্টেম থেকে লোড ফন্ট)। যদি ফন্টটি পাওয়া না যায় এমন কিছু কারণে, এটি স্ট্যাকটি সরানো হবে এবং নির্দিষ্ট ফন্টটি নির্দিষ্ট করে চেষ্টা করবে। পরবর্তী ফন্টের পরিপ্রেক্ষিতে, এটি স্ট্যাকের মধ্যে কীভাবে লেখা হয়েছে তা লক্ষ্য করুন। "টাইমস নিউ রোমান" নামটি দ্বিগুণ উদ্ধৃতিতে আবদ্ধ। এটি কারণ ফন্টের নামের একাধিক শব্দ আছে। যেকোনো ফন্টের নামের একাধিক শব্দ (ট্রেবচেট এমএস, কুরিয়ার নিউ, ইত্যাদি) নামটি অবশ্যই ডাবল কোটগুলিতে থাকা উচিত যাতে ব্রাউজার জানে যে সেই সমস্ত শব্দ একটি ফন্টের নাম। অবশেষে, আমরা "serif" সহ ফন্ট স্ট্যাকটি শেষ করি যা একটি জেনেরিক ফন্ট শ্রেণীবিভাগ। আপনার স্ট্যাকে যে ফন্টগুলি নামকরণ করেছেন তা পাওয়া যায় এমন অসম্ভাব্য উদাহরণে, ব্রাউজার পরিবর্তে কেবল এমন একটি ফন্ট খুঁজে পাবে যা অন্তত আপনার চয়ন করা যথাযথ শ্রেণীবিভাগে পড়ে। উদাহরণস্বরূপ, যদি আপনি Arial এবং Verdana মত সানস-সিরিফ ফন্টগুলি ব্যবহার করেন তবে "সানস-সেরিফ" শ্রেণীবদ্ধকরণের সাথে ফন্ট স্ট্যাকটি শেষ করার সময় কম লোড সমস্যা থাকলে কমপক্ষে সমগ্র পরিবারের ফন্টটি রাখা হবে। অবশ্যই, এটি খুব বিরল হওয়া উচিত যে কোনও ব্রাউজার স্ট্যাকের তালিকাভুক্ত ফন্টগুলির কোনও সন্ধান করতে পারে না এবং তার পরিবর্তে এই জেনেরিক শ্রেণিবদ্ধকরণটি ব্যবহার করতে হবে তবে এটিও দ্বিগুণ নিরাপদ হিসাবে এটি অন্তর্ভুক্ত করার সর্বোত্তম অনুশীলন। অনেক ওয়েবসাইট আজ ওয়েব ফন্টগুলি ব্যবহার করে যা অন্য সংস্থানগুলির পাশাপাশি সাইটগুলির ইমেজ, জাভাস্ক্রিপ্ট ফাইল ইত্যাদির সাথে অন্তর্ভুক্ত করা হয় অথবা Google ফন্ট বা টাইপকিট মত অফসাইট ফন্ট অবস্থানের সাথে লিঙ্কযুক্ত। আপনি এই ফাইলগুলিকে নিজের সাথে সংযুক্ত করার সময় এই ফন্টগুলি লোড হওয়া উচিত, তবে আপনি এখনও যে কোনও সমস্যাগুলির উপর কিছু নিয়ন্ত্রণ করতে পারেন তা নিশ্চিত করতে আপনি এখনও একটি ফন্ট স্ট্যাক ব্যবহার করতে চান। একই জিনিস "ওয়েব নিরাপদ" ফন্টের জন্য যা কোনও কম্পিউটারে থাকা উচিত (নোট করুন যে আমরা এই নিবন্ধে উদাহরণ হিসাবে ব্যবহৃত ফন্টগুলি, এরিয়েল, ভেরডানা, জর্জিয়া এবং টাইমস নিউ রোমান সহ সমস্ত ওয়েব নিরাপদ ফন্ট যা হওয়া উচিত একজন ব্যক্তির কম্পিউটারে)। যদিও ফন্টের অনুপস্থিতির সম্ভাবনা খুব কম, ফন্ট স্ট্যাক নির্দিষ্ট করে তবে বুলেটপ্রুফকে সাইটটির টাইপোগ্রাফিক নকশা যতটা সম্ভব সাহায্য করবে। জেনারেল ক্রাইনিনের মূল নিবন্ধ। জেরেমি গিরার্ড দ্বারা সম্পাদিত। ফন্ট স্ট্যাক এবং ওয়েব ফন্ট
