কোনও সাইটে ব্যবহৃত ফন্ট নির্ধারণের জন্য ইউটিলিটি? [বন্ধ]


9

উদাহরণস্বরূপ: আমি ওয়েবসাইটটিতে ব্যবহৃত ফন্টগুলি পছন্দ করি: এনওয়াইটাইমস , তাই ওয়েবসাইটের দ্বারা ব্যবহৃত সমস্ত ফন্টের তালিকা তৈরি করতে পারে এমন দুর্দান্ত কিছু হবে!

আমি কোনও চিত্র প্রক্রিয়াকরণ ইউটিলিটি চাই না যা স্ক্রিনশট বা এমন কোনও সাইট বিশ্লেষণ করতে পারে যা ফন্ট সম্পর্কে প্রশ্ন জিজ্ঞাসা করবে এবং এর তালিকা থেকে সংকীর্ণ হবে।

এমন কিছু যা কেবল ওয়েবসাইট ক্রল করতে পারে এবং এর ফন্টগুলি তালিকাভুক্ত করতে পারে ... এটি অঞ্চলগুলিতে ফন্টগুলি ওভারলে করতে পারলে দুর্দান্ত হবে, তবে এটি খুব বেশি দূরে চলে যাবে বলে আমার ধারণা।


@ আরজান কেন :-(? আমি স্পষ্ট করে বলেছি যে আমি যা খুঁজছি না, যা সেখানকার বেশিরভাগ উত্তরের বিষয় ছিল।
লেজার

ফায়ারফক্স আজকাল এটি খুব সহজ করে দিয়েছে, একটি পৃষ্ঠার জন্য; আমার আপডেট উত্তর দেখুন
আরজান

উত্তর:


20

এটি সম্পাদন করার একাধিক উপায় রয়েছে। আমি আসলে এটি বেশ কিছু করি, কারণ CSS কীভাবে কাজ করে তাতে আমি খুব আগ্রহী এবং আমি কেবল টাইপোগ্রাফিও পছন্দ করি love আমি এটি করতে যে দুটি উপায় করতে চাই তা হ'ল:

  • আপনার ব্রাউজারের সাথে একজন "ইন্সপেক্টর" ব্যবহার করে (এটি আপনি যা খুঁজছেন!) - আমি গুগল ক্রোম ব্যবহার করি (কারণ আমি এটি পছন্দ করি), যার একটি বিল্ট-ইন ইন্সপেক্টর সরঞ্জাম রয়েছে । আপনার সত্যিই এটি চেষ্টা করা উচিত। আপনি কেবল একটি সাইটে যান, আপনি যে উপাদানটি বিশ্লেষণ করতে চান তাতে ডান ক্লিক করুন এবং প্রসঙ্গ মেনু থেকে "উপাদান পরিদর্শন করুন" ক্লিক করুন। পরিদর্শক এইচটিএমএল এবং সিএসএসের গতিশীল বৈশিষ্ট্য প্রদর্শন করে , সুতরাং আপনি যদি কোনও পাঠ্যের উপাদানটি পরীক্ষা করে দেখেন, আপনি সিএসএস সম্পত্তিটি দেখতে পাবেনfont-familyপরিদর্শকটিতে (ডান দিকের বারে), যা আপনাকে ফন্টটি কী তা বলে দেবে (এই সিএসএসের ব্যাখ্যা কীভাবে দেওয়া যায় তার তথ্যের জন্য নীচে দেখুন)। ফায়ারফক্সের জন্য অনুরূপ কিছু সম্পাদন করতে আপনি ফায়ারব্যাগ ব্যবহার করতে পারেন তবে আমি বিশ্বাস করি যে গুগল ক্রোম ইন্সপেক্টর সরঞ্জামটি অনেক উন্নত (আমি একটি ওয়েব বিকাশকারী - আমি এটি সমস্ত কিছুর জন্য ব্যবহার করি!)।
  • অথবা, আপনি নিজে পৃষ্ঠাটির উত্সটি দেখতে এবং সিএসএস বিশ্লেষণ করতে পারেন। এটি কীভাবে করবেন তা এখানে:

    1. আপনি যখন পৃষ্ঠায় থাকবেন, উত্সটি দেখুন। আপনি যদি ইন্টারনেট এক্সপ্লোরারে থাকেন তবে পৃষ্ঠা -> উত্স দেখুন বা দেখুন -> উত্সে যান। আপনি যদি ফায়ারফক্স, ক্রোম বা অন্য যে কোনও আধুনিক ব্রাউজার ব্যবহার করছেন তবে Ctrl + U (বা অ্যাপল + ইউ, আপনার অপারেটিং সিস্টেমের উপর নির্ভর করে) চাপুন hit

    2. এইচটিএমএল কোডে, আপনি যে পাঠ্য সামগ্রীটি বিশ্লেষণ করার চেষ্টা করছেন তা সন্ধান করুন। আপনার পাঠ্য ধারণ করে এমন কিছু ট্যাগ খুঁজে পাওয়া উচিত, এবং সেগুলি হ'ল এইচটিএমএলে (একটি <font>ট্যাগ ব্যবহার করে বা কোনও ঘেরের styleবৈশিষ্ট্যে ) হরফ কোডস সহ ফন্টগুলি থাকতে পারে, অথবা এটি কিছু সিএসএস রেফারেন্স করতে পারে (কোনও বৈশিষ্ট্য বা বৈশিষ্ট্যের সন্ধান করুন) , এবং এগুলি লিখুন)।<p><div>classid

    3. যদি এটি পরে থাকে (এটি কিছু সিএসএসের উল্লেখ করে), HTML এর শীর্ষে যান এবং পৃষ্ঠার <link>ট্যাগগুলিতে সন্ধান করুন <head>। যদি লিঙ্কটি কোনও স্টাইলশিট উল্লেখ করে, আপনি এটি দেখতে পাবেন - আপনাকে এখন যা করতে হবে তা হল সেই সিএসএস স্টাইল শীটটিতে গিয়ে আপনি লিখেছিলেন এমন ক্লাস বা আইডি সনাক্তকারীদের সন্ধান করুন। কোথাও, আপনি একটি অনুরূপ font-familyProerpty পাবেন (ভুলে যাবেন না, আপনি সাইট জুড়ে বিশ্বব্যাপী ফন্টও সেট করতে পারেন, এবং এটি <body>ট্যাগ বা অন্য কোনও কিছুতে থাকবে। এজন্য আপনার পরিদর্শকের সরঞ্জামটি ব্যবহার করা উচিত, কারণ এই সমস্যাটি কাটিয়ে উঠেছে )।

font-familyসিএসএস কীভাবে ব্যাখ্যা করবেন :

font-familyসম্পত্তি কি ফন্ট হয় নির্ধারণ করা হবে। এই সম্পত্তিটিতে, ফন্টগুলি কমা দিয়ে আলাদা করা হবে । পৃষ্ঠাটি রেন্ডার করার সময়, একটি ব্রাউজার এই তালিকার মধ্য দিয়ে ookুকবে এবং এটি কম্পিউটারে থাকা প্রথম ফন্টটি ব্যবহার করবে । বেশিরভাগ ক্ষেত্রে, এই সম্পত্তিটির শেষে একটি ফন্ট বিভাগও রয়েছে, যা কেবলমাত্র "জাস্ট-ইন-কেস" যাতে অন্য কোনও ক্ষেত্রে উপলভ্য না হলে সেই বিভাগের জন্য ডিফল্ট ফন্ট ব্যবহার করা হয়।

উদাহরণ: ধরা যাক যে এটি একটি <p>ঘের জন্য কিছু সিএসএস ।

p.thisisasampleclass
{
font-family: Calibri, "Comic Sans MS", Georgia, sans-serif;
}

এখানে, ব্রাউজারটি প্রথমে ক্যালিব্রি ব্যবহার করার চেষ্টা করবে, যদি ফন্টটি উপলব্ধ থাকে। যদি তা না হয় তবে এটি কমিক সানস এমএস বা জর্জিয়া বা অন্যটি উপলব্ধ না হলে কেবল ডিফল্ট সানস-সেরিফ ফন্ট ব্যবহার করে।

কীভাবে হরফ ব্যবহার করা হচ্ছে তা আপনি এটি জানতে পারবেন। সিএসএসকে খুব সুন্দর উপায়ে রূপায়িত করার মতো কোনও ভাল-নির্মিত এবং সহায়ক সরঞ্জাম আমি পাইনি, তবে আমি মনে করি যে পরিদর্শক বিকল্পটি আপনার পক্ষে কাজ করবে (এটি খুব বিভ্রান্তিকর নয়!)। আমার মনে হয় এই পথ চলতে হবে।

ইন্সপেক্টর সরঞ্জাম সহ এনওয়াইটাইমস ফন্টগুলি কীভাবে সন্ধান করবেন তার উদাহরণ:

আমি গুগল ক্রোম দিয়ে এনওয়াইটাইমস নিবন্ধের মূল পাঠ্য বডির ফন্টগুলি কীভাবে সন্ধান করব তা নিয়ে আমি আপনাকে চলতে চলেছি ।

  1. NYTimes.com, একটি টেক্সট উপাদান আপনার জন্য ফন্ট খুঁজতে চান ডানে ক্লিক করে একটি নিবন্ধ যান, এবং আঘাত পরিদর্শন উপাদান

    ইন্সপেক্টর খোলার

  2. ডানদিকে সাইড বারটি দেখুন। ইন কম্পিউটেড স্টাইল ড্রপডাউন , আপনি এই উপাদান জন্য CSS বৈশিষ্ট্য দেখতে হবে। তবে, আপনি দেখতে পাচ্ছেন যে এখানে বর্তমানে কোনও ফন্ট-পারিবারিক সম্পত্তি নেই, যার অর্থ হ'ল ফন্টগুলি কেবলমাত্র এই নির্দিষ্ট উপাদানটির জন্য নয়, বিশ্বব্যাপী সংজ্ঞায়িত করা হয়েছে। তবে এটিকে ঘুরে দেখার উপায় আছে!

    উপাদান বৈশিষ্ট্য দেখছি

  3. এটি আপনি যা করেন: "উত্তরাধিকারসূত্রে দেখান" এর পাশের রেডিও বোতামটি নির্বাচন করুন

    উত্তরাধিকার সূত্রে শো নির্বাচন করুন

  4. "গণিত শৈলী" এর অধীনে প্রচুর অন্যান্য বৈশ্বিক সম্পত্তি উপস্থিত হবে।

    অনেক বিশ্বব্যাপী বৈশিষ্ট্য উপস্থিত হয়

  5. "ফন্ট-পরিবার" এ তালিকায় নীচে স্ক্রোল করুন । এটি ধূসর হওয়া উচিত, এর অর্থ এটি উত্তরাধিকারসূত্রে প্রাপ্ত বৈশ্বিক সম্পত্তি। এখানে, আপনি ব্যবহৃত ফন্ট দেখতে পারেন! Ta-দা!

    এখানে হরফ!


আমি এখনই এনওয়াইটাইমসের জন্য একটি উদাহরণ ব্যাখ্যা যুক্ত করতে যাচ্ছি।
ম্যাক্সিম জাস্লাভস্কি

ধন্যবাদ পিপিএল আমি এই জায়গাটি পছন্দ করি - www.superuser.com, আরও বেশি এখনও :)
Lazer

@ ম্যাক্সিমজ ২০০৫, কিছু নির্বাচনের জন্য আমি "গণিত স্টাইল ড্রপডাউন" পাচ্ছি না। আমি খালি স্টাইলের ড্রপডাউন পাচ্ছি। কেন এমন?
Lazer

1
যেহেতু পরিদর্শকটি সত্যই ওয়েবকিট পরিদর্শক, আমি ধরে নিয়েছি যে পরবর্তী বিটাতেও ওয়েবকিটের একটি সাম্প্রতিক সংস্করণ অন্তর্ভুক্ত থাকবে? একটি নতুন সংস্করণ অবশ্যই নতুন বাগগুলি প্রদর্শন করতে পারে, তবে আমি অবাক হয়েছি যে এটি সম্ভবত আপনার মুখোমুখি হয়েছে। ওয়েবকিট সংস্করণটি Chrome এ ব্যবহার করার কোনও উপায় আছে কি?
আরজান

1
খনিটি হ'ল ওয়েবকিট ৫৩২.০ @ ম্যাক্সিম জেড I আমি আমার বন্ধুর ক্রোমে চেষ্টা করেছি (সংস্করণ ৩. কিছু) thing এটি পুরোপুরি সেখানে কাজ করে। শেষ পর্যন্ত আমি যেভাবে চেয়েছিলাম ফন্টগুলি সনাক্ত করতে পারি। "তদন্তকারী উপাদান" বৈশিষ্ট্যটি আসলেই কত শীতল তা এখন আমি বুঝতে পারি।
Lazer

7

দুটি ভিন্ন জিনিস আছে:

  1. কোন ফন্টটি আসলে ব্যবহৃত হয় (ব্রাউজার / অপারেটিং সিস্টেম দ্বারা)।
  2. কোন হরফের জন্য অনুরোধ করা হয়েছিল (ওয়েবসাইট স্রষ্টা দ্বারা)

1. কোনটি (ফ্যালব্যাক) ফন্টটি আসলে ব্যবহৃত হয়

আপনার কম্পিউটার / অপারেটিং সিস্টেমের একটি নির্দিষ্ট ব্রাউজারে কোন ফন্টটি ব্যবহার করা হয়েছে তা নিশ্চিত করার জন্য , আজকাল ফায়ারফক্স এবং ক্রোমের জন্য বিল্ট-ইন সরঞ্জাম রয়েছে। ফায়ারফক্সের মতো পৃষ্ঠা পরিদর্শকের একটি ফন্ট ভিউ রয়েছে :

ফায়ারফক্স ফন্ট দেখুন

আরও বিশদের জন্য দেখুন কীভাবে আমি নির্ধারণ করতে পারি যে কোনও ব্রাউজার আসলে কিছু পাঠ্য রেন্ডার করতে কোন ফন্ট ব্যবহার করছে? স্ট্যাক ওভারফ্লো এটি অন্তর্ভুক্ত:

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

২. কোন ফন্টটি অনুরোধ করা হয়েছিল?

কোন ওয়েবসাইটের ফন্টের জন্য অনুরোধ করা হয়েছিল (ওয়েবসাইট স্রষ্টার দ্বারা), বিল্ট-ইন ফায়ারফক্স পৃষ্ঠা পরিদর্শক বা এর ফায়ারব্যাগ এক্সটেনশানের মতো সরঞ্জামগুলি সিএসএসের বিধিগুলি পরীক্ষা করতে সহায়তা করে। এই জাতীয় সরঞ্জামগুলি আপনাকে কোন ফন্টটি আসলে ব্যবহৃত হবে তা বলে না , তবে এটি কোনও সিএসএস স্টাইলশীট প্রদত্ত নির্দিষ্ট অঞ্চলের জন্য বা কোনও নির্দিষ্ট শব্দের জন্য কোন ফন্টের জন্য অনুরোধ করা হয়েছে তা দেখায় :

ফায়ারব্যাগে সিএসএস

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

কিছু ফায়ারব্যাগ লাইট অন্যান্য ব্রাউজারগুলির জন্যও উপলভ্য, তবে আমি কখনই এটি ব্যবহার করি নি।

সাফারিতে ওয়েব পরিদর্শক এবং Chrome এ বিকাশকারী সরঞ্জামগুলির অনুরূপ বিকল্প রয়েছে। (সাফারিতে, পছন্দসমূহের মাধ্যমে ওয়েব পরিদর্শক সক্ষম করুন: মেনু বারে বিকাশ মেনু প্রদর্শন করুন )) ইন্টারনেট এক্সপ্লোরার এফ 12 সরঞ্জাম রয়েছে

E-t172 এর মতো উল্লেখ করা হয়েছে : ফায়ারফক্সের জন্য ওয়েব বিকাশকারী সরঞ্জামদণ্ডও এই তথ্যটি প্রদর্শন করতে পারে। যাইহোক, সিএসএস »শৈলীর তথ্য দেখুন আপনাকে কোনও" উত্তরাধিকারসূত্রে প্রাপ্ত "(" ক্যাসকেডেড ") শৈলী দেখায় না, তবে কেবলমাত্র সেই তথ্য যা আপনার ক্লিক করা অঞ্চলের সাথে সুনির্দিষ্ট। পরিবর্তে, এক ধরণের ওভারলে পেতে এবং ফন্টের তথ্য দেখতে আপনি পরিবর্তে তথ্য »প্রদর্শন উপাদান ব্যবহার করতে পারেন। এটি যখনই আপনি কোথাও পৃষ্ঠায় ক্লিক করবেন তখন বিশদটি প্রদর্শন করবে।


+1 আরও বিস্তারিত উত্তরের জন্য আমার তারপর।
বাইনারিমিসফিট

আপনি এই বিবর্ণ স্ক্রিনশটগুলি কীভাবে পেলেন? দেখে মনে হচ্ছে ম্যাক, ভিস্তা বা এক্সপি-তে একইরকম প্রভাব পড়ার কোনও সম্ভাবনা?
Lazer

@ লেজার, একটি ম্যাকের উপর স্কিচ করুন (তবে ছায়াগুলি ধরণের মানক এবং প্রয়োজনীয় ধরণের, কারণ ওএস এক্সের খুব পাতলা উইন্ডো সীমানা রয়েছে, যদি থাকে)। কীভাবে উইন্ডোজে এটি করা যায় তা জানেন না।
আরজান

4

আপনি যদি ফায়ারফক্স ব্যবহার করেন তবে ফন্ট ফাইন্ডার অ্যাড-অন রয়েছে । এটি ম্যাক্সিম জেড তার উত্তরে বর্ণিত মূলত তা করে তবে স্বয়ংক্রিয়ভাবে তাই এটি ব্যবহার করা সত্যিই সহজ ..


হরফ অনুসন্ধানক হ'ল আমি যা খুঁজছিলাম। যদি কেবল ক্রোমের জন্য একই রকম এক্সটেনশন ছিল।
কঙ্গাক্স

@ কংগ্যাক্স, আজকাল আছে; দেখতে অ্যালেক এর উত্তর
Arjan

এবং @ কংগ্যাক্স, আজকাল ফায়ারফক্স এবং ক্রোমে রিয়েল ফন্ট নির্ধারণের জন্য বিল্ট-ইন সরঞ্জাম রয়েছে। আর অনুমান করা যায় না।
আরজান

4

এটি এখন পর্যন্ত সবচেয়ে ভাল সমাধান আমি পেয়েছি। এটি একটি বুকমার্কলেট / এক্সটেনশান যা টাইপকিট এবং গুগল ফন্ট এপিআই ফন্ট সহ প্রতিটি উপলব্ধ ফন্টের সাথে প্রদর্শিত পাঠ্যের পিক্সেলের তুলনা করে 99% সময় আপনাকে নিশ্চিত করে ফন্টটি কী ব্যবহার করা হচ্ছে তা নিশ্চিতভাবে বলবে ।

হোয়াটফন্ট সরঞ্জাম

এখানে চিত্র বর্ণনা লিখুন

এটা দেখ.


খুব সুন্দর, তবে আমার মনে হয় না এটি আসলে পিক্সেলের তুলনা করছে (আজকাল)? সিএসএস যখন ঠিক font-family: sans-serifতখন বলেছে যে এটি রিপোর্ট করা হয়েছে - তবে এটি নিজে কোনও ফন্ট নয়। ব্যবহার করার সময় font-family: someUnknownFontআমি (default font)ফলাফল হিসাবে পাই , যা আসলে আমার ম্যাকের টাইমস। (বুকমার্কলেট দিয়ে পরীক্ষিত, এই জেএস বিন ব্যবহার করে ; স্ক্রিনশট ।) তবুও, আবার: দুর্দান্ত!
আরজান

@ আর্জুন আমি কয়েক মাস আগে এটিকে কিছু বিশদে পরীক্ষা করেছি, তাই আমি ব্যাখ্যা করার পাশাপাশি মনে রাখতে পারি। ফণা নীচে, এটি দুটি জিনিস করে। এটি window.getComputedStyleগণনা করা ফন্ট-পরিবার পেতে ব্যবহার করে। এটি প্রদর্শিত পিক্সেলগুলির সাথে প্রতিটি ফন্টের পিক্সেলের তুলনা করে এই স্ট্যাকটিকে পুনরাবৃত্তি করে। প্রথম ম্যাচটি হ'ল যা পপ-আপের ক্ষেত্রে ইটালিকের মধ্যে প্রদর্শিত হয়, বাকিগুলি স্বাভাবিকভাবে প্রদর্শিত হয়। কোনও মিল না থাকলে এটি প্রদর্শিত হবে (default font)। আপনি যে কারণটি দেখছেন sans-serifতা হ'ল এটি sans-serifহরফ থেকে ফন্টের সাথে সঠিকভাবে মেলে , তবে বর্তমানে এটি আর কোনও বিষয় বুঝতে পারে না।
সর্বাধিক

ফায়ারফক্স এটির জন্য আমার নতুন সেরা বন্ধু; আমার আপডেট হওয়া উত্তরটি দেখুন :-)
আরজান

3

আমি কোন সফ্টওয়্যার জানি না। আমি সবেমাত্র ইন্টারনেট এক্সপ্লোরার ব্যবহার করেছি এবং সন্ধান করেছি যে ব্যবহৃত ফন্টটি হ'ল:

হরফ-পরিবার: জর্জিয়া, "বার নতুন রোমান", বার, সেরিফ

এটি মূল ফন্ট font ফন্ট-পরিবার সহ যে কোনও কিছুর জন্য স্টাইলশিট সন্ধান করা বাকী অংশ সরবরাহ করবে।

প্রসেস:

  • হোম পেজে রাইট ক্লিক করুন
  • Rel = স্টাইলশীট লাইন এবং সংযুক্ত স্টাইলশীট URL অনুসন্ধান করুন
  • ব্রাউজারে অনুলিপি করুন এবং সিএসএস ফাইল ডাউনলোড করুন।
  • পাঠ্য সম্পাদক এ খুলুন।

আপনি যদি চিত্রগুলিতে ফন্টটি সন্ধান করেন যা চিত্রের বাইরে সংজ্ঞায়িত হবে না।

হ্যাঁ আমি অত্যন্ত বিরক্ত হয়ে পড়েছিলাম। সর্বোপরি শুক্রবার দুপুর। স্টাইলশীটটি নিয়মিত আপডেট করার কারণে আমি লিঙ্কটি পোস্ট করি নি।


উহু, ফায়ারফক্সে ফায়ারব্যাগ, বা সাফারিতে ওয়েব ইন্সপেক্টর ...?
আরজান

1
আমি যেমন বলেছি। আমি বিরক্ত ছিলাম. আপনার ব্রাউজারের স্বাদ এবং উত্স দেখার জন্য পরিবর্তন করুন। অন্যান্য সরঞ্জাম রয়েছে, তবে এটিকে সহজ রাখা সহজভাবে ভুল পদ্ধতির নয়।
বাইনারিমিসফিট

একা একা সত্য যে এটি ব্যবহারকারীকে সর্বদা ফায়ারফক্সের উপর নির্ভর করা ছাড়া অন্য কিছু শেখায় for
এলোমেলোভাবে

উইকিপিডিয়া মতে, উভয় georgiaএবং times new romanমুদ্রাক্ষর হয়। সুতরাং, ফলাফল মানে কি? এই দুটি টাইপফেসের সংমিশ্রণ?
লেজার

1

ওয়েব পৃষ্ঠার নির্দিষ্ট অংশ দ্বারা ব্যবহৃত সমস্ত শৈলী দেখতে আপনি ওয়েব বিকাশকারী ফায়ারফক্স এক্সটেনশন ব্যবহার করতে পারেন। সিএসএস মেনু ব্যবহার করুন, শৈলীর তথ্য দেখুন। তারপরে আপনি যে পাঠ্যটি বিশ্লেষণ করতে চান তাতে ক্লিক করুন এবং ফলাফলগুলিতে "ফন্ট-পরিবার" সম্পত্তি অনুসন্ধান করুন।


তথ্য »প্রদর্শন উপাদানসমূহের তথ্য আরও ভাল কাজ করে (এটি উত্তরাধিকার সূত্রে প্রাপ্ত শৈলীগুলিও প্রদর্শন করবে এবং আপনার নিজের অনুসন্ধানের দরকার নেই)।
আরজান

1

অনেক লোক যা বলেছে তার বিপরীতে, এটি সর্বদা সোর্স দেখার মতো বিষয় নয় - এটি সিএসএস নথিতে বা বাহ্যিক সিএসএস ফাইলে থাকলে নির্ভর করে। যদি এটি বাহ্যিক হয় তবে আপনি কেবল উত্সটি দেখতে এবং ফন্ট-পরিবার ট্যাগটি সন্ধান করতে পারবেন না কারণ এটি ফাইলে নেই।

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


0

এখানে একটি সহজ, তবে দক্ষ, সমাধান: একটি বুকমার্কলেট যা আপনাকে কোনও উপাদানটিতে (ফন্ট-পরিবার সহ) প্রয়োগ করা কনফিগারেশন দেখায়।

ইয়াসির bookmarklets সাইট এই কাজের জন্য একটি ভাল এক আছে: computed styles

আপনি এখানে যান: https://www.squarefree.com/bookmarklets/webdevel.html# সংঘবদ্ধ_ স্টাইলগুলি


-1

যদি এটি কোনও ইনলাইন সিএসএস না হয় তবে উত্স দর্শনে পৃষ্ঠাটি খুলুন। ব্রাউজার ইউআরএলে "/themes/01.css" পেস্টের মতো CSS ঠিকানাটি অনুলিপি করুন। টেক্সট এডিটর বা সিএসএস এডিটরে রিটার্ন পেস্ট কপি করুন। জরিমানা ফন্ট বা ফন্ট-পরিবার সম্পন্ন করতে ব্যবহার করুন। মাপের জন্য পৃষ্ঠা ফন্ট এবং বোল্ড, ইটালিক ইত্যাদির মতো অন্যান্য অ্যাট্রিবিউটের জন্য প্রদর্শন করা তালিকাভুক্ত ফন্ট পরিবার using

ধন্যবাদ ডরন্টো

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.