ফন্ট ট্যাগ ভার্সাস ক্যাসকেডিং স্টাইল শীটস (CSS)

আপনি একটি খুব পুরানো ওয়েবসাইট দিকে তাকিয়ে আছে এবং এইচটিএমএল ভিতরে একটি অস্বাভাবিক ট্যাগ? অনেক বছর আগে, ওয়েব ডিজাইনাররা আসলে এইচটিএমএল এর ভিতরে তাদের ওয়েব পেজগুলির ফন্টগুলি সেট করবে, তবে কাঠামো (এইচটিএমএল) এবং স্টাইল (CSS) বিচ্ছেদ কিছু সময় আগে এই অনুশীলনের সাথে কাজ করে।

আজ ওয়েব ডিজাইন ইন, ট্যাগ অপ্রচলিত করা হয়েছে। এর মানে হল যে ট্যাগটি আর এইচটিএমএল স্পেসিফিকেশন নয়। কিছু ব্রাউজার এখনও এই ট্যাগটিকে অপ্রচলিত করার পরেও এই ট্যাগটি সমর্থন করে, এটি আর HTML5 এ আর সমর্থন করে না, যা ভাষাটির সর্বশেষ পুনরাবৃত্তি। এর মানে হল যে ট্যাগটি আপনার HTML নথিতে আর পাওয়া যাবে না।

ফন্ট ট্যাগ থেকে বিকল্প

আপনি ট্যাগ দিয়ে এইচটিএমএল পেজের ভিতরের টেক্সটের ফন্ট সেট করতে পারবেন না, তাহলে আপনি কী ব্যবহার করবেন? ক্যাসকেডিং স্টাইল শীটস (CSS) হল আজকের ওয়েবসাইটগুলির ফন্ট শৈলী (এবং সমস্ত ভিজ্যুয়াল স্টাইলগুলি) কীভাবে সেট করা যায়। সিএসএস এমন সব কাজ করতে পারে যা ট্যাগ করতে পারে, প্লাস অনেক বেশি। আমাদের এইচটিএমএল পেজগুলির জন্য এটি একটি বিকল্প ছিল কি না তা পরীক্ষা করা যাক (মনে রাখবেন, এটি আর আর সমর্থিত নয়, তাই এটি একটি বিকল্প নয়) এবং সিএসএস এর সাথে কীভাবে এটি করবেন তা তুলনা করুন।

ফন্ট পরিবার পরিবর্তন

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

এই ফন্ট সেন্স-সেরিফ নয়

ফন্ট "মুখ" এর পরিবর্তে CSS এ, এটি ফন্ট "পরিবার" নামে ডাকা হয়। আপনি একটি CSS শৈলী লিখেন যা ফন্ট সেট করবে। উদাহরণস্বরূপ, আপনি যদি Garamond এর পৃষ্ঠায় সমস্ত পাঠ্য সেট করতে চান, তাহলে আপনি এই ধরনের ভিজ্যুয়াল স্টাইলটি যুক্ত করতে পারেন:

শরীর [ফন্ট-পরিবার: গারামন্ড, টাইমস, সেরিফ; }

এই CSS শৈলী ওয়েব পেজে সবকিছু Garamond এর ফন্ট পরিবার প্রয়োগ করবে যেহেতু ডকুমেন্টের প্রতিটি উপাদান এর বংশধর হয়

ফন্ট রঙ পরিবর্তন

মুখ দিয়ে আপনি আপনার রঙের রং পরিবর্তন করতে "রঙ" অ্যাট্রিবিউট এবং হেক্স কোড বা রঙের নাম ব্যবহার করেন। কয়েক বছর আগে আপনি একটি পৃথক শিরোনাম ট্যাগের মত টেক্সট উপাদানগুলিতেও এটি সেট করবেন।

এই ফন্ট বেগুনি

আজ, আপনি শুধু CSS এর একটি লাইন লিখবেন।

এটা এত বেশি নমনীয়। যদি আপনি পরিবর্তন করতে প্রয়োজন

আপনার সাইটের প্রতিটি পৃষ্ঠায়, আপনি আপনার CSS ফাইলে একটি পরিবর্তন করতে পারেন এবং সেই ফাইলটি ব্যবহার করে এমন প্রতিটি পৃষ্ঠাটি আপডেট হবে।

ওল্ড আউট সঙ্গে আউট

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

জেরেমি গিয়ার্ড দ্বারা সম্পাদিত