ব্রাউজার কোন পাঠ্য রেন্ডার করতে আসলে কোন ফন্ট ব্যবহার করছে তা আমি কীভাবে নির্ধারণ করতে পারি?

Question

আমার সিএসএস font-family: Helvetica, Arial, sans-serif;পুরো পৃষ্ঠার জন্য " " নির্দিষ্ট করে । দেখে মনে হচ্ছে কিছু অংশের পরিবর্তে ভার্দানা ব্যবহার করা হচ্ছে। আমি এটি যাচাই করতে সক্ষম হতে চাই।

আমি আমার ব্রাউজার থেকে ওয়ার্ডে অনুলিপি এবং আটকানোর চেষ্টা করেছি, তবে এটি ফন্ট সংরক্ষণ করছে না।

পাঠ্য বিভাগের জন্য কোন ফন্টটি আসলে ব্যবহৃত হচ্ছে তা নির্ধারণ করার কোনও উপায় আছে?

ফায়ারব্যাগ আমাকে উপরে ফন্টের তালিকা দেবে [১], তবে কোনটি ফন্ট ব্যবহার হচ্ছে তা নির্ধারণের কোনও উপায় আমি দেখছি না।

1. দেখা যাচ্ছে যে ভুল তালিকাটি ব্যবহার করা হচ্ছিল যা আমার আসল ভারদানের সমস্যার সমাধান করেছে। প্রকৃত রেন্ডারিং ফন্টটি সনাক্ত করার কোনও উপায় থাকলে আমি এখনও আগ্রহী।

Comments

stackoverflow.com/questions/845/detecting-font-in-javascript

— আ জ ম

নীচে উত্তরে বর্ণিত ফন্টফাইন্ডার এবং হোয়াটফন্টগুলি ব্যবহৃত ফন্ট সনাক্ত করার জন্য এখনও খুব অশোধিত উপায়। দু'জনেই ভুলভাবে ইঙ্গিত দিয়েছিলেন "কোয়ান্ট্রোট্রেন্টো সানস" (প্রাথমিক ফন্ট) যখন আমি কোনও অঘানি ؋প্রতীক নির্বাচন করি যা এই ফন্টে পাওয়া যায় না।

— প্রশ্ন ওভারফ্লো

@ কিউশনওভারফ্লো, আজকাল ফায়ারফক্স এবং ক্রোমের ফন্ট নির্ধারণের জন্য বিল্ট-ইন সরঞ্জাম রয়েছে। তারা হবে , প্রতিটি গ্লিফের জন্য ফন্ট দেন অত: পর তা আপনাকে দেখাবে কি যে ফন্ট ؋ জন্য ভাল হিসাবে ব্যবহৃত হয়।

— আরজান

@ আরজান: ২০২০-এ কি এখনও এমনটি আছে?

— ইলিজিয়াম গ্রাস করেছে

@ দেবরেডিলিজিয়াম, আপনি কি আমার উত্তর দেখেছেন ? কোন ফন্টটি ব্যবহৃত হয় তা দেখার জন্য কেবল একটি একক গ্লিফ নির্বাচন করুন।

— আরজান

Answer 1

প্রতি উইলফ্রেড হিউজের উত্তর , ফায়ারফক্স এখন স্থানীয়ভাবে এই সমর্থন করে। এই নিবন্ধটিতে আরও বিশদ রয়েছে ।

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

Comments

এখনই এটি ব্যবহার করার কোনও কারণ নেই যে ফায়ারফক্সের সরঞ্জামগুলি> ওয়েব বিকাশকারী> পরিদর্শক> ফন্টগুলি আপনাকে (উইলফ্রেড হিউজেসের উত্তর) বলে দেয়

— skierpage

দুর্ভাগ্যক্রমে, ফায়ারফক্স 47 এর সাথে ফন্টের ট্যাবটি রেফারেন্স করা হয়নি যার সাথে আপনি লিঙ্ক করেছেন: এই নিবন্ধটিতে আরও বিশদ রয়েছে

— জাবাবা

"ফায়ারফক্স 47-এ শুরু হয়ে ফন্টস ভিউটি ডিফল্টরূপে অক্ষম করা হয়েছে We ফন্টিনস্পেক্টর.এনবল করে এবং এটিকে সত্য হিসাবে সেট করে। " বিকাশকারী.মোজিলা.অর্গ.ইন- ইউএস / ডকস / টুলস / পেজ_ইনস্পেক্টর / হাও_ টু / দেখুন দেখুন ।

— ড্যানিয়েল লে

দৃশ্যত, সেটিং devtools.fontinspector.enabledকেবলমাত্র Firefox 47 প্রয়োজন ছিল: "এ ফায়ারফক্স 47 শুধুমাত্র , ফন্ট দৃশ্য ডিফল্টরূপে নিষ্ক্রিয় করা হয় আপনি ফন্ট ফায়ারফক্স 47, দর্শন দৃশ্য দেখতে চান। about:config, পক্ষপাত এটি devtools.fontinspector.enabled, এবং এটি সেট trueআগে ও পরে। ফায়ারফক্স 47, ফন্ট ভিউটি ডিফল্টরূপে সক্ষম হয়। , @ ড্যানিয়েল

— আরজান

@ ড্যানিয়েল, আপনি অবশ্যই পাঠ্যটি অনুলিপি করার সময়টি বুঝতে পেরেছিলেন :-)

— আরজান

Answer 2

আজকাল ক্রোম এবং ফায়ারফক্সের জন্য বিল্ট-ইন সরঞ্জাম রয়েছে তবে সাফারি আপনাকে কিছু পাঠ্য অনুলিপি করে তা তদন্ত করতে হবে।

প্রথমে কিছু পাঠ্য নির্বাচন করুন। ফায়ারফক্সে, পৃষ্ঠা পরিদর্শকের একটি ফন্টের দৃশ্য রয়েছে :

এটি আপনাকে ফন্টগুলি ডাউনলোড করা হয়েছে কিনা এবং কোন স্টাইল ব্যবহার করা হয় তা যেমন আপনাকে জানাতে হবে যেমন নিয়মিত, এক্সট্রা লাইট, ইটালিক, বোল্ডItalic এবং সমস্ত।

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

উপরের স্ক্রিনশটগুলি দেখায় যে ইউনিকোড পাঠ্যের জন্য একাধিক ফন্ট প্রদর্শিত হতে পারে। ক্রোম আপনাকে 6 গ্লাইফস ("পেক্কা" এবং স্পেস) "অ্যারিয়াল" ব্যবহার করছে এবং একটি ("웃") "অ্যাপল এসডি গথিক নিও" ব্যবহার করছে:

অ্যারিয়াল - স্থানীয় ফাইল (6 গ্লিফ)
অ্যাপল এসডি গথিক নব্য - স্থানীয় ফাইল (1 গ্লিফ)

আসল সিএসএস সংজ্ঞা দেয়:

font-family: Arial,"Helvetica Neue",Helvetica,sans-serif

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

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

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

Comments

আপনি কি জানেন যে সাফারির জন্য এটির জন্য একটি প্লাগইন আছে বা কিছু আছে?

— অ্যান্ড্রি

Chrome 47 এ, নিশ্চিত করুন যে আপনি গণিত বিভাগের নীচে স্ক্রোল করেছেন। font-familyবৈশিষ্ট্যটি যেমন প্রদর্শিত হবে তেমন প্রসারিত (বর্ণানুক্রমিক ক্রমে) কোন ফন্টটি লোড হচ্ছে তা প্রদর্শিত হবে না। এই তথ্য নীচে প্রদর্শিত হবে।

— Merchako

@ মেরচাকো, যখন আপনার গণনা করা ফন্টটি "সেরিফ" এবং "সানস-সেরিফ" এর মতো জেনেরিক ফন্ট হয়? তাহলে আপনি কীভাবে আসল ফন্ট পাবেন?

— পেসারিয়ার 21

@ পেসারিয়ার, ক্রোমে কেবল গণনা ট্যাবে সমস্ত উপায়ে স্ক্রোল করুন ; ফায়ারফক্সে পৃথক ট্যাব দেখুন।

— আরজান

@ টিএমজি, আমি কল্পনা করতে পারি যে ওয়েব ফন্টগুলির কোনও উপামের দরকার নেই, তবে সরাসরি কিছু ইউআরএল উল্লেখ করতে পারে। এটি কি এমন কোনও পাবলিক ওয়েবসাইট যা আমরা দেখতে পারি? তা না হলে ফায়ারফক্স কী দেখায়?

— আরজান

Answer 3

ফায়ারফক্স 22+ আপনাকে কোনও ফর্মেশন ছাড়াই বর্তমানে কোন ফন্টটি ব্যবহার করছে তা দেখাবে ।

Comments

এটি এখন সত্যই উত্তর হওয়া উচিত। কোনও এক্সটেনশন ইনস্টল করার দরকার নেই।

— ড্যান ইস্টওয়েল

তবে সম্ভবত কোনও ব্রাউজার ব্যবহার করবেন না। একটি বর্ধিতাংশ সেই অর্থে আরও বেশি ওজনযুক্ত।

— b1nary

Answer 4

হোয়াটফন্ট হ'ল একটি ক্রোম এক্সটেনশন যা আপনাকে নির্দিষ্ট করে বলবে যে ফন্ট স্ট্যাকের কোন ফন্টটি লোড হচ্ছে।

Comments

আমার জন্য এটি বলছে কোন ফন্টটি ঘোষিত হয়, তবে ফন্টটি আসলে কী ব্যবহৃত হয় তা নয়।

— পানজী

এই নিবন্ধ অনুসারে ( আপডেট। Html5rocks.com/2013/09/… ), দেব সরঞ্জামগুলি এখন আপনাকে বলতে পারে যে প্রকৃত ফন্টটি কীভাবে রেন্ডার করা হয়েছে।

— ইয়োরচ

হোয়াটফন্ট রেন্ডার করা ফন্টটি সনাক্ত করার চেষ্টা করে তবে এটি সফলভাবে না ঘটায়

— ক্রিস মেরিসিক

Answer 5

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

Comments

— এতক্ষণে,

Answer 6

আপনি ফায়ারবক্সের জন্য ফায়ারবগের সাথে নির্দিষ্ট বিভাগটি পরীক্ষা করে দেখতে চেষ্টা করতে পারেন। এটি আপনাকে সমস্ত সঠিক সম্পত্তি দেওয়া উচিত।

Comments

এটি এখনও আমাকে তালিকাটি দেয়, এটি নির্দিষ্ট করে না এমনটি ব্যবহার করে ... তবে দ্বিতীয় চেক করার পরে, ভার্দানা কোনওভাবে ফন্ট-পরিবার তালিকায় প্রবেশ করেছে, যা আমার মূল সমস্যার কারণ হবে। সূতরাং ধন্যবাদ.

— ল্যাভ্যাটার্টল

ফায়ারব্যাগও আপনাকে বলবে যে উপাদানগুলি ফন্টটি দেওয়ার জন্য কোন বিধিগুলি নিক্ষেপ করছে - যেখানে আপনার সিএসএসটি ভুল হয়ে যাচ্ছে সেখানে কাজ করার জন্য খুব দরকারী।

— রিচিহিন্ডল

সাফারি 4 বিটার একটি ওয়েবআইনস্পেক্টরও রয়েছে (একটি চর্মযুক্ত ফায়ারব্যাগও হতে পারে)

— ভাইকিংগুন্ডো

আমি মনে করি আপনি যে কোনও সরঞ্জাম ব্যবহার করুন না কেন আপনি সর্বদা সম্পূর্ণ তালিকা পাবেন। ব্যবহৃত ফন্টটি আপনার কম্পিউটারে ইনস্টল করা তালিকার প্রথমটি।

— জিরোইন

ফায়ারব্যাগ বর্তমানে (1.11.4, সম্ভবত এর আগেও) বর্তমান ফন্টটিকে নীল রঙে হাইলাইট করে।

— মার্ক ভ্যাবেল

Answer 7

জেরেমির দ্বারা উল্লিখিত "ফন্টফাইন্ডার" প্লাগইনটি এখানে কাজ করবে বলে মনে হচ্ছে না, লিনাক্সে ফায়ারফক্স 4.0rc1 নির্বিশেষে সিএসএস তালিকার প্রথম ফন্ট দেয়। নিম্নলিখিত প্লাগইন যদিও আপনাকে "সঠিক" ফন্ট দেয়, মনে হয়।

প্রসঙ্গ ফন্ট

Comments

দুর্ভাগ্যক্রমে, এমনকি কনটেক্সট ফন্ট কেবল গণিত সিএসএস পরিবার দেখায়, যা উদাহরণস্বরূপ সেরিফ বা সানস-সিরিফ হতে পারে। তদুপরি, যদি কিছু চরিত্র গণিত ফন্টে উপস্থিত না থাকে এবং ব্রাউজারটি এটি অন্য ফন্ট থেকে তুলে নেয় তবে কনটেক্সট ফন্টটি এখনও প্রকৃত ফন্ট নয়, গণিত ফন্ট পরিবার দেখায়।

— Jukka K. Korpela

Answer 8

ললিত প্যাটেলের পাঠ্য-পরিমাপের পদ্ধতির এবং স্ক্রিপ্টের ভিত্তিতে, আমি বুকমার্কলেট তৈরি করেছি যা বর্তমানে নির্বাচিত পাঠ্যের জন্য ব্যবহৃত ফন্টটি (বা bodyযদি কিছু না নির্বাচিত হয়) অনুমান করতে পারে । স্ট্যাকের কোন ফন্ট ব্যবহার করা হয়েছে তা নির্ধারণের জন্য এটি আমার পক্ষে খুব ভাল কাজ করছে বলে মনে হচ্ছে! (এটা আপনাকে বলতে পারে নাsans-serif যদিও এটি আসলে মানচিত্র দেয় ))

এগুলি এখানে ধরুন: https://alanhogan.com/bookmarklets#font-stack-full

উত্সটি গিটহাবে রয়েছে ।

আরও দেখুন: এই কোডপেন , যা বেশিরভাগ ক্ষেত্রে একই কোড ব্যবহার করে। নির্বাচিত বিভিন্ন অনুচ্ছেদ এবং টেবিলে / অনুমানের আপডেটটি দেখে এটি ব্যবহার করে দেখুন!