Fonts Changer আপনাকে একটি ওয়েবপেজের যেকোনো ফন্টকে Google Fonts লাইব্রেরি থেকে অন্য একটি ফন্ট দিয়ে রিপ্লেস করার সুবিধা দেয় — আপনি চাইলে এটি পুরো পেজের জন্য (গ্লোবাল) করতে পারেন অথবা সুনির্দিষ্ট এলিমেন্টের জন্য (যেমন কেবল হেডিং, কেবল বডি টেক্সট অথবা আপনার ক্লিক করা নির্দিষ্ট এলিমেন্ট)। ফন্টগুলো প্রয়োজন অনুযায়ী ডাইনামিকভাবে লোড হয় এবং আপনি আসল ও নতুন ফন্টের মধ্যে সুইচ করে পড়ার সহজলভ্যতা (readability) এবং ডিজাইন যাচাই করতে পারেন।
সঠিক টাইপফেস বেছে নেওয়া ডিজাইনের ক্ষেত্রে অত্যন্ত গুরুত্বপূর্ণ, কিন্তু বাস্তব পেজে সেগুলো পরীক্ষা করা বেশ কঠিন। Google Fonts প্রিভিউতে ফন্টগুলো আলাদাভাবে স্যাম্পল টেক্সট দিয়ে দেখানো হয় — যা আপনার আসল পেজ লেআউট বা কন্টেন্টের সাথে কেমন দেখাবে তা বোঝা যায় না। Fonts Changer সরাসরি ব্রাউজারে Google Fonts যুক্ত করে এবং তা আসল পেজের ওপর প্রয়োগ করার সুবিধা দেয়। লাইব্রেরি ব্রাউজ বা সার্চ করুন, যেকোনো একটি ফন্টে ক্লিক করুন এবং তাৎক্ষণিকভাবে এর প্রয়োগ দেখুন। ফন্টগুলো Google-এর CDN থেকে ডাইনামিকভাবে লোড হয়, তাই ডাউনলোড বা ইনস্টল করার কোনো প্রয়োজন নেই। পুরো পেজের পরিবর্তন দেখতে গ্লোবাললি প্রয়োগ করুন, অথবা হেডিং বনাম বডি টেক্সটের জন্য আলাদা আলাদা ফন্ট পরীক্ষা করুন। এক ক্লিকেই আসল ফন্ট এবং নতুন ফন্টের মধ্যে অদলবদল করে পড়ার সহজলভ্যতা, ভিজ্যুয়াল ওয়েট এবং ডিজাইনের ওপর এর প্রভাব তুলনা করুন। সমস্ত পরিবর্তন অস্থায়ী — পেজ রিফ্রেশ করলেই সবকিছু আগের অবস্থায় ফিরে আসবে।
এক ক্লিকেই পুরো পেজে নতুন একটি ফন্ট প্রয়োগ করুন। প্রতিটি টেক্সট এলিমেন্ট — যেমন হেডিং, প্যারাগ্রাফ, বাটন, নেভিগেশন, ফুটার — নির্বাচিত ফন্টে পরিবর্তিত হবে। সম্পূর্ণ টাইপফেস পরিবর্তন ডিজাইনের ওপর কেমন প্রভাব ফেলে তা সাথে সাথে দেখুন।
কেবল নির্দিষ্ট এলিমেন্টের ফন্ট পরিবর্তন করতে সেটিতে ক্লিক করুন। হেডিংয়ের জন্য 'serif' এবং বডি টেক্সটের জন্য 'sans-serif' ফন্ট পরীক্ষা করুন, অথবা কেবল কোড ব্লকের জন্য 'monospace' ফন্ট ব্যবহার করুন। একই পেজে ভিন্ন ভিন্ন ফন্টের সমন্বয় করুন।
সরাসরি এই টুলের ভেতর থেকেই ১৫০০-এর বেশি ফন্ট সমৃদ্ধ সম্পূর্ণ Google Fonts লাইব্রেরি ব্রাউজ এবং সার্চ করুন। ফন্টগুলো সরাসরি Google-এর CDN থেকে ডাইনামিকভাবে লোড হয় — কোনো লোকাল ইনস্টলেশন বা ডাউনলোডের ঝামেলা নেই।
এক ক্লিকেই আসল ফন্ট এবং প্রতিস্থাপিত ফন্টের মধ্যে অদলবদল করুন। পেজটি তাৎক্ষণিকভাবে ফন্ট পরিবর্তন করে, যার ফলে দুটির মধ্যে পড়ার সহজলভ্যতা, ভিজ্যুয়াল ওয়েট, x-হাইট এবং স্পেসিং তুলনা করা সহজ হয়।
নতুন ফন্ট প্রয়োগ করার সময় আসল font-weight এবং font-style বজায় থাকে। বোল্ড হেডিং বোল্ডই থাকে, ইটালিক টেক্সট ইটালিক থাকে এবং লাইট-ওয়েট বডি টেক্সট তার নিজস্ব রূপ বজায় রাখে — অর্থাৎ টাইপফেস পরিবর্তন হলেও টাইপোগ্রাফিক হায়ারার্কি ঠিক থাকে।
নাম দিয়ে ফন্ট সার্চ করুন অথবা ক্যাটাগরি (serif, sans-serif, display, handwriting, monospace) অনুযায়ী ফিল্টার করুন। ১৫০০-এর বেশি বিকল্প থেকে খুব সহজেই আপনার পছন্দের ফন্টটি খুঁজে নিন।
নতুন কোনো ওয়েবসাইট শুরু করছেন? অনুরুপ কোনো সাইট ওপেন করে সেখানে আপনার পছন্দের ফন্টগুলো প্রয়োগ করে দেখুন। স্যাম্পল টেক্সট প্রিভিউয়ের তুলনায় আসল কন্টেন্ট এবং লেআউটে ফন্টগুলো দেখতে কেমন লাগে তা আপনাকে আরও সঠিক ধারণা দেবে।
ডিজাইন রিভিউ করার সময় ক্লায়েন্টকে দেখান তাদের সাইটটি ভিন্ন ভিন্ন ফন্টে কেমন দেখবে। লাইভ টগলের মাধ্যমে আসল ও নতুন ফন্টের তুলনাটি অনেক বেশি আকর্ষণীয় হয়।
ভিন্ন ভিন্ন ফন্ট দীর্ঘ কন্টেন্ট পড়ার ক্ষেত্রে কেমন প্রভাব ফেলে তা তুলনা করুন। একটি ব্লগ পোস্ট Inter, Georgia, Lora এবং Merriweather ফন্টে পরিবর্তন করে দেখুন এবং আপনার প্রয়োজনীয় সাইজে কোনটি বেশি আরামদায়ক তা খুঁজে বের করুন।
নতুনভাবে ব্র্যান্ডিং করার কথা ভাবছেন? আপনার প্রোডাকশন সাইটে নতুন টাইপফেসগুলো প্রয়োগ করে দেখুন যা আপনার আসল কন্টেন্ট, কালার এবং লেআউটের সাথে কেমন দেখায়। প্রতিটি অপশনের জন্য আলাদা মকআপ তৈরি করার চেয়ে এটি অনেক দ্রুত।
ডিসলেক্সিয়া বা ভিজ্যুয়াল ইমপেয়ারমেন্ট (দৃষ্টিশক্তি সমস্যা) থাকা ব্যবহারকারীদের জন্য ফন্টগুলো কেমন সাড়া দেয় তা পরীক্ষা করুন। OpenDyslexic, Lexie Readable বা হাই-এক্স-হাইট সান-সেরিফ ফন্টগুলো তাৎক্ষণিকভাবে প্রয়োগ করে তার প্রভাব যাচাই করা যায়।
DevSuite Pro ফ্লোটিং ডক ওপেন করুন এবং Fonts Changer আইকনে ক্লিক করুন। সার্চ করার সুবিধাসহ একটি Google Fonts লাইব্রেরি প্যানেল ওপেন হবে।
সার্চ করতে ফন্টের নাম টাইপ করুন অথবা লাইব্রেরিটি স্ক্রল করুন। আপনার পছন্দের অপশনগুলো কমিয়ে আনতে ক্যাটাগরি (serif, sans-serif, display, monospace) অনুযায়ী ফিল্টার করুন।
পুরো পেজের সব টেক্সটে প্রয়োগ করতে একটি ফন্ট নামের ওপর ক্লিক করুন। অথবা প্রথমে "Per-Element" মোডে ক্লিক করে পেজের ওপর নির্দিষ্ট এলিমেন্টটি সিলেক্ট করুন এবং তারপর ফন্ট বেছে নিন।
আসল ফন্ট এবং নতুন ফন্টের মধ্যে সুইচ করতে টগল বাটন ব্যবহার করুন। পড়ার সহজলভ্যতা, ভিজ্যুয়াল ওয়েট এবং ডিজাইনের ওপর এর প্রভাব পাশাপাশি রেখে তুলনা করুন।
পরীক্ষা করা শেষ হলে, প্রতিটি আসল ফন্ট পুরোপুরি ফিরিয়ে আনতে পেজটি রিফ্রেশ করুন।
বিনামূল্যে DevSuite Pro ইনস্টল করুন এবং আপনার ব্রাউজারের জন্য ৩৯+ ডেভলপার টুল আনলক করুন।