এইচটিএমএল/ফন্ট

কোন লেখার বা অক্ষরের বাহ্যিক অবয়কে ফন্ট বলে। ফন্ট হচ্ছে কোন ডুকুমেন্টের প্রাণ। এইচটিএমএল (HTML) এর মাধ্যমে কোন ডকুমেন্টকে সুন্দরভাবে উপস্থাপন করার জন্য <font> ফন্ট ট্যাগ ব্যবহার করা হয়ে থাকে।

ফন্ট অ্যাট্রিবিউট

ফন্ট ট্যাগের তিনটি অ্যাট্রিবিউট রয়েছে -

Color
Size
Face

Font ট্যাগের একটি সিন্টেক্স -

<span style="font-family:fontname; color:fontcolor; font-size:sizenumber;">Your Text</span>

ফন্ট রং

ফন্ট ট্যাগে রং ব্যবহার করার জন্য এই সিন্টেক্স ব্যবহার করা হয়ে থাকে -

<span style="color:red;">Your Text</span>

উল্লেখ্য যে, color="red" অ্যাট্রিবিউটে red এর জায়গায় অন্য কোন পছন্দমতো রং ব্যবহার করা যেতে পারে।

ফন্ট আকার

ফন্টের সাইজ সরাসরি লিখে এটি নিধার্রণ করে দেওয়া যায়। font size ব্যবহারের সিন্টেক্স -

<span style="font-size:xx-large;">Your Text</span>

ফন্ট সাইজের ডিফল্ট মান হলো ৩। এই মানের হ্রাস-বৃদ্ধি ১ হতে ৭ পর্যন্ত হতে পারে। আবার ফন্টের সাইজ সরাসরি না লিখে size="+n" অথবা size="-n" এভাবেও লেখা যায়। যেখানে n যেকোন সংখ্যাম এক্ষেত্রে ফন্টের ডিফল্ট মান ১২ তবে এই মানের হ্রাস-বৃদ্ধি ১ হতে ৭ পর্যন্ত হতে পারে। প্রতিমাত্রা যোগে দুই অথবা প্রতিমাত্রা বিয়োগে যথাক্রমে দুই করে বৃদ্ধি এবং হ্রাস পায়।

এখানে উল্লেখ্য যে, এক পয়েন্ট হচ্ছে ১ ইঞ্চির ৭২ ভাগের ১ ভাগ। যেমনঃ size="+1" লিখলে এর আকার হবে ১৪ পয়েন্ট আর size="-1" লিখলে এর আকার হবে ১০ পয়েন্ট।

ফন্ট ফেস

ফন্ট ট্যাগে face="SutonnyMJ" অ্যাট্রিবিউটে এর ব্যবহার করা হয়। font face এর ব্যবহারের মধ্যমে ফন্টের স্টাইল পরিবর্তন করা যায়। বাংলা স্টাইলিস ফন্ট ব্যবহারের মাধ্যমে সেই লেখাকে অন্য সব লেখা থেকে আকর্ষণীয় করে তোলা যায়। ফন্ট ফেস ট্যাগের সিনট্যাক্স -

<span style="font-family:Times New Roman;">Your Text</span>

এখানে ব্যবহার করা Times New Roman একটি ইংলিশ ফন্ট। Times New Roman এর জায়গায় অন্য কোন ফন্টও ব্যবহার করা যেতে পারে।

কিছু ইংরেজি ফন্ট এর নাম -

Impact
Comic Sans MS
BinnerD
Oswald
Roman
Yu Gothic
Montserrat
Malett
Gabriola
Lato

কিছু বাংলা ফন্টের নাম -

SutonnyMJ
Amar Bangla
Rupali
Soranly
Vrindab
Ekushey Sumit
Atrai OMJ
ChitraMJ
MonooMJ
Rajon Shoily

উল্লেখ্য যে, ফন্ট ব্যবহারের ক্ষেত্রে অবশ্যই সিস্টেমে যে ফন্টটি ব্যবহার করবেন সেই ফন্ট ইন্সট্যাল করা থাকতে হবে। তা না হলে ব্যবহার করা সেই ফন্ট কাজ করবে না। বাংলা ভাষা লেখার আগে <meta charset="UTF-8"> এই অ্যাট্রিবিউট <head> এ আগে বসাতে হবে এরপর বাংলা ফন্ট ব্যবহার করতে হবে।

উদাহরণ দেখুন

<html lang="en">
<head>
</head> <body> <span style="font-size:xxx-large; font-family:cursive; color:red;">Cocacola</span>
</body>
</html>

প্রদর্শন

Cocacola