ফন্ট টেস্টার কী?

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

আধুনিক ব্রাউজারগুলি FontFace API প্রকাশ করে, যা একটি স্থানীয় ফাইল থেকে একটি ফন্ট নিবন্ধন করা এবং সার্ভারে কিছু আপলোড না করে পৃষ্ঠার যেকোনো উপাদানে এটি প্রয়োগ করা সম্ভব করে। সমস্ত রেন্ডারিং স্থানীয়ভাবে ঘটে, তাই ফন্ট ফাইল কখনও আপনার ডিভাইস ছেড়ে যায় না।

টুল বর্ণনা

এই ফন্ট টেস্টার আপনাকে একটি ফন্ট ফাইল (TTF, OTF, WOFF, বা WOFF2) আপলোড করতে এবং সম্পূর্ণভাবে কাস্টমাইজযোগ্য টাইপোগ্রাফি সেটিংস সহ তাৎক্ষণিকভাবে এটি প্রিভিউ করতে দেয়। আপনি আকার, লাইন উচ্চতা, অক্ষর স্পেসিং, শব্দ স্পেসিং, ওজন, শৈলী, সারিবদ্ধতা এবং রঙগুলি সামঞ্জস্য করতে পারেন, তারপর ফলাফলটি একাধিক নমুনা জুড়ে লাইভ রেন্ডার করা দেখতে পারেন — নমুনা পাঠ্য, সম্পূর্ণ বর্ণমালা, সংখ্যা, প্রতীক এবং একটি আকার স্কেল — প্রতিটি কোণ থেকে টাইপফেস মূল্যায়ন করতে।

ফন্ট সম্পূর্ণভাবে ব্রাউজারে লোড করা হয়; কোনো আপলোড, অ্যাকাউন্ট বা ইনস্টলেশন প্রয়োজন নেই।

উদাহরণ

ইনপুট: একটি কাস্টম .woff2 ফাইল এবং নমুনা পাঠ্য The quick brown fox jumps over the lazy dog.

আউটপুট: সেই বাক্যটির একটি লাইভ প্রিভিউ নির্বাচিত আকার, ওজন এবং স্পেসিংয়ে আপলোড করা ফন্টে রেন্ডার করা হয়েছে, এবং আলাদা প্যানেল যা বড় অক্ষর বর্ণমালা, ছোট অক্ষর বর্ণমালা, সংখ্যা, প্রতীক এবং একই প্যানগ্রাম 12, 16, 20, 24, 32, 48, 64 এবং 96 পিক্সেলে পুনরাবৃত্তি দেখায়।

বৈশিষ্ট্য

  • স্থানীয় ফন্ট লোডিং: একটি TTF, OTF, WOFF, বা WOFF2 ফাইল ড্রপ করুন এবং এটি অবিলম্বে প্রয়োগ করা দেখুন
  • সম্পূর্ণ টাইপোগ্রাফি নিয়ন্ত্রণ: ফন্ট আকার, লাইন উচ্চতা, অক্ষর স্পেসিং, শব্দ স্পেসিং, ওজন, ইটালিক এবং সারিবদ্ধতা সামঞ্জস্য করুন
  • রঙ কাস্টমাইজেশন: বৈসাদৃশ্য এবং ব্র্যান্ড-অনুযায়ী সমন্বয় পরীক্ষা করতে পাঠ্য এবং পটভূমির রঙ নির্বাচন করুন
  • একাধিক নমুনা: কাস্টম পাঠ্য, সম্পূর্ণ বর্ণমালা, সংখ্যা, প্রতীক এবং একটি আকার স্কেল সহ ফন্ট প্রিভিউ করুন
  • গোপনীয়তা-বান্ধব: ফাইলগুলি আপনার ব্রাউজারে প্রক্রিয়া করা হয় এবং কখনও সার্ভারে আপলোড করা হয় না

ব্যবহারের ক্ষেত্রে

  • ক্রয় বা ডাউনলোড করা ফন্ট মূল্যায়ন করা: একটি ব্র্যান্ড বা প্রজেক্টে প্রতিশ্রুতিবদ্ধ হওয়ার আগে আকার, ওজন এবং রঙ জুড়ে একটি টাইপফেস চেষ্টা করুন
  • ওয়েবফন্ট রেন্ডারিং পরীক্ষা করা: একটি .woff2 ফাইল ব্রাউজারে কীভাবে প্রদর্শিত হয় তা পরীক্ষা করুন, কার্নিং, স্পেসিং এবং ইটালিক শৈলী সহ
  • একটি ওয়েবসাইট বা অ্যাপের জন্য টাইপোগ্রাফি ডিজাইন করা: সঠিক সমন্বয় খুঁজে পেতে ফন্ট আকার, লাইন উচ্চতা এবং অক্ষর স্পেসিংয়ে দ্রুত পুনরাবৃত্তি করুন

সমর্থিত ফরম্যাট

  • TTF (TrueType Font)
  • OTF (OpenType Font)
  • WOFF (Web Open Font Format)
  • WOFF2 (Web Open Font Format 2.0)

বিকল্পগুলি ব্যাখ্যা করা হয়েছে

  • নমুনা পাঠ্য — মূল প্রিভিউ প্যানেলে প্রদর্শিত পাঠ্য; একাধিক লাইন সমর্থন করে।
  • ফন্ট আকার — মূল প্রিভিউ পাঠ্যের আকার পিক্সেলে (8–200)। বর্ণমালা, সংখ্যা এবং প্রতীক প্যানেলগুলি এই মানের 75% এ রেন্ডার করে।
  • লাইন উচ্চতা — লাইনগুলির মধ্যে উল্লম্ব স্পেসিং, ফন্ট আকারের শতাংশ হিসাবে প্রকাশ করা হয় (50–300%)।
  • অক্ষর স্পেসিং — পৃথক অক্ষরগুলির মধ্যে অতিরিক্ত স্থান, পিক্সেলে (-10 থেকে 30)। নেতিবাচক মান পাঠ্যকে শক্ত করে।
  • শব্দ স্পেসিং — শব্দগুলির মধ্যে অতিরিক্ত স্থান, পিক্সেলে (-10 থেকে 50)।
  • ফন্ট ওজন — 100 (Thin) থেকে 900 (Black) পর্যন্ত সংখ্যাসূচক ওজন। শুধুমাত্র ফন্ট ফাইলে অন্তর্ভুক্ত ওজনগুলি স্পষ্টভাবে রেন্ডার করবে; অন্যগুলি ব্রাউজার দ্বারা অনুকরণ করা হয়।
  • ইটালিক — font-style: italic টগল করে। যদি ফন্টের কোনো ইটালিক রূপান্তর না থাকে, ব্রাউজার একটি তির্যক সংস্করণ সংশ্লেষণ করতে পারে।
  • পাঠ্য সারিবদ্ধতা — প্রিভিউ প্যানেলগুলির জন্য বাম, কেন্দ্র, ডান বা ন্যায্যতা সারিবদ্ধতা।
  • পাঠ্য রঙ / পটভূমির রঙ — প্রতিটি প্রিভিউ প্যানেলে ব্যবহৃত রঙ, ফন্টটি তার উদ্দেশ্যমূলক পটভূমিতে প্রিভিউ করার জন্য উপকারী।

টিপস

  • কিছু ফন্ট শুধুমাত্র একটি একক ওজন সহ আসে; সাহসী বা পাতলায় স্যুইচ করা অভিন্ন দেখতে পারে বা একটি সিন্থেটিক ব্রাউজার শৈলীতে ফিরে যেতে পারে। যদি একটি ওজন ভুল দেখায় তবে ফন্টের ডকুমেন্টেশন পরীক্ষা করুন।
  • ছোট আকারে খারাপভাবে ইঙ্গিত করা ফন্টগুলি স্পট করতে আকার স্কেল প্যানেল ব্যবহার করুন — একটি টাইপফেস যা 64px এ মার্জিত দেখায় 12px এ অপঠনীয় হতে পারে।
  • হালকা এবং অন্ধকার উভয় পটভূমির বিরুদ্ধে আপনার ফন্ট পরীক্ষা করুন; পাতলা ওজন প্রায়শই অন্ধকার পটভূমিতে অদৃশ্য হয়ে যায় এবং বৃদ্ধি করা প্রয়োজন।
  • x-উচ্চতা, ক্যাপ উচ্চতা এবং সামগ্রিক ছন্দ মূল্যায়ন করতে বড় অক্ষর এবং ছোট অক্ষর প্যানেলগুলি পাশাপাশি তুলনা করুন।

সীমাবদ্ধতা

  • মান ওজন এবং ইটালিকের বাইরে পরিবর্তনশীল ফন্ট অক্ষগুলি পৃথকভাবে প্রকাশ করা হয় না।
  • OpenType বৈশিষ্ট্য যেমন লিগেচার, স্টাইলিস্টিক বিকল্প এবং ছোট ক্যাপগুলি ব্রাউজারের ডিফল্টগুলি ব্যবহার করে রেন্ডার করা হয় এবং UI-তে টগল করা যায় না।
  • খুব বড় ফন্ট ফাইলগুলি লোড এবং পার্স করতে একটি মুহূর্ত সময় নিতে পারে।