যেকোনো পৃষ্ঠায় ফন্ট পরীক্ষা করুন
টেক্সটের ওপর কার্সর রাখুন ও ক্লিক করুন — লাইভ টাইপফেস, আকার, ওজন, স্টাইল ও রঙ দেখুন, উপাদানের কাছে বা সাইডবারে, DevTools না খুলেই।
যেকোনো ওয়েবপেজের উপাদানে টাইপফেস ও CSS টাইপোগ্রাফি শনাক্ত করুন — ফ্যামিলি, আকার, ওজন, লাইনের উচ্চতা, অক্ষরের ব্যবধান, রঙ ও কনট্রাস্ট — তারপর ট্যাব ছাড়াই প্রয়োজনীয় তথ্য কপি বা এক্সপোর্ট করুন।
লাইভ টাইপোগ্রাফির জন্য তৈরি
টেক্সটের ওপর কার্সর রাখুন ও ক্লিক করুন — লাইভ টাইপফেস, আকার, ওজন, স্টাইল ও রঙ দেখুন, উপাদানের কাছে বা সাইডবারে, DevTools না খুলেই।
একটি প্যানেলে লাইনের উচ্চতা, অক্ষরের ব্যবধান, ট্রান্সফর্ম, ডেকোরেশন ও কনট্রাস্ট (AAA/AA সূচকসহ) দেখুন।
আপনি যে উপাদান পরীক্ষা করেছেন তার ফন্ট ফ্যামিলি, রঙ বা প্রস্তুত CSS স্নিপেট কপি করুন।
লাইভ উপাদানে ওজন, আকার, ব্যবধান, রঙ ও আরও কিছু পরিবর্তন করুন, পরীক্ষা শেষে রিসেট করে মূল অবস্থায় ফিরুন।
পৃষ্ঠা জুড়ে অনন্য টেক্সট স্টাইল স্ক্যান করুন এবং ডিজাইন সিস্টেম অডিটের সময় সেগুলোর মধ্যে দ্রুত যান।
টাইপোগ্রাফি SCSS বা JSON হিসেবে এক্সপোর্ট করুন, অথবা পাওয়া ফ্যামিলির জন্য Google Fonts-এ অনুসন্ধান খুলুন।
ডিজাইনে সরল
একটি Chrome এক্সটেনশন যা লাইভ টাইপোগ্রাফি — টাইপফেস, আকার, ওজন, রঙ ও কনট্রাস্ট — দেখায়, যাতে যেকোনো ওয়েবপেজ থেকে ফন্ট পরীক্ষা, কপি ও এক্সপোর্ট করতে পারেন।
Chrome Web Store
উদাহরণস্বরূপ ফিডব্যাক — Chrome Web Store রিভিউ সংযুক্ত হলে এগুলো প্রতিস্থাপিত হবে।
“DevTools না খুলেই লাইভ সাইট থেকে ফ্যামিলি, ওজন ও hex রঙ নিতে পারি।”
“একটি প্যানেলে CSS কপি ও কনট্রাস্ট — অডিটের সময় ঠিক যা দরকার।”
“„পৃষ্ঠার সব ফন্ট“ দিয়ে ল্যান্ডিং পেজে অসঙ্গত টাইপ দ্রুত খুঁজে পাই।”
তিনটি দ্রুত ধাপ
Chrome Web Store থেকে what the font - font finder যোগ করুন এবং টুলবারে পিন করুন।
পপআপ খুলুন, পরীক্ষা শুরু করুন, তারপর পৃষ্ঠায় যেকোনো টেক্সটের ওপর কার্সর রাখুন ও ক্লিক করুন।
CSS কপি করুন, স্টাইল এক্সপোর্ট করুন, Google Fonts খুলুন, অথবা পৃষ্ঠার সব ফন্ট ব্রাউজ করুন।
ইনস্টল করার আগে উত্তর
what the font - font finder ইনস্টল করুন, পরীক্ষা শুরু করুন, টেক্সটের ওপর কার্সর রাখুন ও ক্লিক করুন — ফ্যামিলি, আকার, ওজন ও রঙসহ প্যানেল খুলবে।
হ্যাঁ। প্যানেল থেকে পরীক্ষিত উপাদানের ফন্ট ফ্যামিলি, রঙ বা CSS স্নিপেট কপি করতে পারবেন।
সাধারণ ওয়েবসাইট ট্যাবে কাজ করে। Chrome-এর সিস্টেম পৃষ্ঠা ও কিছু সীমাবদ্ধ URL পরীক্ষা করা যায় না।
„পৃষ্ঠার সব ফন্ট“ ব্যবহার করে অনন্য দৃশ্যমান টেক্সট স্টাইলের তালিকা দেখুন এবং যেকোনোটি বিস্তারিত প্যানেলে খুলুন।
হ্যাঁ। উপাদানের ওজন, আকার, ব্যবধান, রঙ ও সম্পর্কিত স্টাইল সম্পাদনা করুন, তারপর মূল অবস্থায় ফিরতে রিসেট করুন।
ফ্যামিলিটি অনুসন্ধানযোগ্য মনে হলে, প্যানেলে Google Fonts অ্যাকশন ব্যবহার করে সেই নামে অনুসন্ধান খুলুন।
অন্বেষণ চালিয়ে যান