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