উইন্ডোতে ফন্ট-মুখ বোঝা সত্যিই খারাপ চেহারা। আপনি কোন ফন্টগুলি আরও ভালভাবে রেন্ডার ব্যবহার করছেন?


27

সম্পাদনা : সমস্যাটি হ'ল ভিস্তার আমার সেটিংসে আমার কাছে "ক্লিয়ারটাইপ" চালু হয়নি। আপনার যদি উইন্ডোজ ওএসে ক্লিয়ারটাইপ ইনস্টল / সক্ষম করা থাকে তবে এই প্রশ্নের খুব বেশি অর্থ হতে পারে না।


ওএস / সিস্টেম সেট ব্যতীত অন্য ফন্টগুলি লোড করতে সক্ষম হয়ে CSS3 এর ফন্ট-মুখের সম্পত্তি সহ ওয়েবে একটি নতুন টাইপোগ্রাফি বাতাস এসেছে। আমার ম্যাক অনেকগুলি পুরোপুরি রেন্ডার করে যখন আমার উইন্ডোজ মেশিনটি দেয় না। উইন্ডোজে আরও ভাল রেন্ডার করবে এমন কোন ফন্টের আমার ব্যবহার করা উচিত?

এটি স্ট্যাক ওভারফ্লো সম্পর্কিত একটি প্রশ্নের অনুরূপ।

এবং এখানে এমন একটি ওয়েবসাইটের উদাহরণ যা পিসিতে মরিয়াদ প্রো সহ খারাপ রেন্ডার দেখায়: http://css-tricks.com/

দ্রষ্টব্য: আমি ব্রাউজার সংস্করণগুলির মধ্যে (যেমন আই 9 এবং আই 6 এর মধ্যে) অ্যান্টিয়ালাইজিংয়ের পার্থক্যের কথা বলছি না।

আমি আপনার পরীক্ষাগুলির দ্বারা উত্তর হিসাবে প্রত্যাশা করছি, হরফ আকারের ফন্টের একটি তালিকা (দয়া করে px ব্যবহার করুন) যা তারা ভাল দেখায় বা কমপক্ষে এমনভাবে যাতে তারা সংক্ষিপ্ত পাঠ্য বা ছোট শিরোনামের জন্য ব্যবহার করতে পারে।

উদাহরণস্বরূপ, এই মুহুর্তে "লিগ গোথিক, 30px" নীচের মত দেখাচ্ছে:

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


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

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

@ ই জি জিয়াং: হুবহু কারণ হরফের পরিমাণ বিশাল, এবং এটি সমস্ত পরীক্ষা করা বা এটি সবই সম্ভব নয় যে আমি প্রত্যেকের অভিজ্ঞতা থেকে "নিরাপদ ফন্ট এবং আকার" কী তা জিজ্ঞাসা করছি ব্যবহার করা. আমি দেখতে পাচ্ছি যে কেউ কিছু পোস্ট করেনি, এবং আমি জানি না যে কেউ কিছু পোস্ট করবে কিনা (বা পিসিতে রচিত ফন্টগুলি বিশ্লেষণ করার চেষ্টা করেছিল), তাই কোনও প্রতিক্রিয়া না পেয়ে আমি আরও দুঃখিত sad
লিটলম্যাড

"ধরণের ধরণের" খাঁটি সাপেক্ষিক।
DA01

উত্তর:


18

এটি একটি মন্তব্য হওয়া উচিত (অতএব এই সিডব্লিউ তৈরি করা) তবে আমি মনে করি যে প্রশ্নটিতে কিছু ভুল বোঝাবুঝি এবং ভুল অনুমান রয়েছে। যেহেতু আপনি স্পষ্টতই এই প্রশ্নের উত্তর চান (আপনি সর্বোপরি একটি অনুদানের প্রস্তাব দিয়েছেন), সুতরাং আমার দুটি সেন্ট এখানে।

আপনার স্ক্রিনশট থেকে মনে হচ্ছে আপনি আপনার উইন্ডোজকে নিয়মিত ফন্টগুলি রেন্ডার করতে সেট করেছেন (সাবপিক্সেল রেন্ডারিংয়ের বিপরীতে) এবং সম্ভবত আপনার ব্রাউজার কোনও অ্যান্টিয়ালাইজিং করবে না (এটি হতে পারে তবে এটি জেপিজি সংকোচনের সাথে চলে গেছে)।

উইন্ডোগুলির সাথে সম্পর্কিত নীচের উদাহরণগুলি এক্সপি প্রো এসপি 3 এর, সুতরাং পরিস্থিতিটি কমপক্ষে ভিস্তার ও in এর একই স্তরে অবস্থিত কিনা তা ধরে নেওয়া বেশ নিরাপদ

উইন্ডোজ ক্লিয়ারটাইপ ব্যবহার করতে বা না করার বিকল্পগুলি (এক্সপিতে) রয়েছে। ক্লিয়ারটাইপ ব্যতীত আপনার স্ক্রিনশটের মতো ফন্টগুলি রেন্ডার হয়। এটি সিটি ছাড়াই উইন্ডোজের ডায়ালগ থেকে একটি ভারী জুমযুক্ত চিত্র:

প্রমাণ 1

আপনি দেখতে পাচ্ছেন এটি একটি বাইনারি অপারেশন: পিক্সেলটি কালো বা স্বচ্ছ। এখন এমনকি কিছু আধুনিক ব্রাউজার এমনকি সিটি ছাড়াই তারা কিছু অ্যান্টি-এলিয়জিং করে। এটি উইন্ডোজ এক্সপি এবং ক্রোম 8 এর সাথে সিএসএস-ট্রিক্স ডটকমের এবং সিটি বন্ধ রয়েছে (এটি আগের ছবিতে ছিল):

প্রমাণ 2

দেখুন কি হয়েছে? সম্ভবত আপনি ইতিমধ্যে করেছেন, যেমন আপনি আপনার প্রশ্নে বলেছেন।

দ্রষ্টব্য: আমি নতুন ব্রাউজার এবং পুরানোগুলির মধ্যে (আই 9 এবং আই 6 এর মধ্যে) যে অ্যান্টিআলাইজিং পার্থক্যটির কথা বলছি না।

এখন, ক্লিয়ারটাইপ !

উইন্ডোজ ডায়ালগ থেকে ঠিক একই পাঠ্যটি এখানে, সিটি সহ এই বার: প্রমাণ 3

আপনি যদি এটির উপর ভিত্তি করে আগ্রহী হন তবে সাবপিক্সেল রেন্ডারিংয়ের উইকিপিডিয়া নিবন্ধটি দেখুন । এবং ক্লিয়ারটাইপ ঘুরিয়ে দেওয়া কি ব্রাউজারের রেন্ডারিংকে প্রভাবিত করে? উইন্ডোজ এক্সপি এবং ক্রোম 8 এবং ক্লিয়ারটাইপ সহ একই "অন্যান্য" পাঠ্যটি চালু রয়েছে: প্রমাণ 4

এটা করে! এবং আমরা এটির সময়ে, আমি যুক্ত করতে পারি যে (কমপক্ষে) IE 8 উইন্ডোজ-স্তরে অক্ষম থাকলেও ক্লিয়ারটাইপ রেন্ডারিং ব্যবহার করে।


১০০% এ অ্যান্টিঅ্যালিয়েসড এবং ক্লিয়ারটাইপযুক্ত পাঠ্যের তুলনা ক্লিয়ার টাইপযুক্ত পাঠ্যকে অ-অ্যান্টিয়ালাইজডের সাথে তুলনা করার মতো মৌলিক নয়। এটি লক্ষণীয়ভাবে বোল্ড, যদিও:

আ: প্রমাণ 5সিটি:প্রমাণ 6

এন্টিালিয়াসিং ছাড়া কী দেখতে দেখতে তা দেখতে , লিটলম্যাডের স্ক্রিনশটটি দেখুন

এবং তুলনার জন্য এখানে ওএস এক্সের ডিফল্ট রেন্ডারিংয়ের একই "অন্যান্য" রয়েছে: ক্লিয়ারটাইপের চেয়ে প্রমাণ 7 আরও সাহসী।


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

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


এবং এখানে প্রায়শই জিজ্ঞাসিত প্রশ্নের উত্তরও দেওয়া হয়েছে: "হ্যাঁ, আমি সে সব জানি - ক্লিয়ারটাইপ ওএস এক্স এর রেন্ডারিংয়ের চেয়ে আলাদা কেন দেখায় ?!"

কারণ এগুলি আলাদা। সাবপিক্সেল রেন্ডারিং প্রয়োগ করা হালকা জিনিস নয়। ক্লিয়ারটাইপ হ'ল মাইক্রোসফ্টের নিবন্ধিত ট্রেডমার্ক এবং এটি 10 টি পেটেন্ট (+1 মুলতুবি; উইকিপিডিয়া দেখুন ) দিয়ে সুরক্ষিত । তারা ঠিক একই হতে পারে না


এটি একটি সিডব্লিউ, সুতরাং আমি ভুল হলে এটি সম্পাদনা করুন; বা কিছু জানা থাকলে বিশদ যুক্ত করুন।
জারি কেইনেনেন

2
দুর্দান্ত ব্যাখ্যা, তাই আমার সন্দেহ ছিল, তবে তিনি স্ক্রিনশট পোস্ট না করা পর্যন্ত নিশ্চিত হতে পারছেন না
জেমসেনারে

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

@ লিটলম্যাড কোনও সমস্যা নেই :) উত্সগুলি যাচাই করা আমার পক্ষেও কার্যকর ছিল যাতে আমি কেবলমাত্র মতামতের পরিবর্তে কোনও ধরণের উত্তর সরবরাহ করতে পারি ।
জারি কেইনেনেন

1
ডিফল্টরূপে বন্ধ থাকলেও @ লিটলম্যাড, ক্লিটারটাইপটি প্রথম উইন্ডোজ এক্সপিতে চালু হয়েছিল। উইন্ডোজ ভিস্তা থেকে এটি এখন ডিফল্টরূপে চালু হয়। ইন্টারনেট এক্সপ্লোরার 7 এর পরে এটি ওএস জুড়ে সক্ষম না করা সত্ত্বেও এটি চালু করা হয়। সূত্র: en.wikedia.org/wiki/ClearType
জেমসহেনারে

2

আপনি যদি উল্লেখ করেছেন স্ট্যাকওভারফ্লো প্রশ্নটি যদি সমস্যাটি একই হয় তবে উত্তরটিও কি একই রকম নয়?

এটি হিন্টিং সমস্যা

আপনি যখন আপনার ফন্ট-ফেস কিট তৈরি করেন (যেমন ফন্টসকিয়ারেলের মতো), আপনাকে বিশেষজ্ঞ বিকল্পগুলিতে ইঙ্গিত নির্দিষ্ট করতে হবে।

বিশেষজ্ঞ চয়ন করুন, এবং রেন্ডারিংয়ের অধীনে, নির্বাচন করুন:

ইঙ্গিতটি প্রয়োগ করুন - উইন রেন্ডারিং উন্নত করুন।


1
না এটি এক নয়, ইঙ্গিতটি সমস্যাটি সমাধান করে না। আমি ফন্ট-ফেস যে ফন্টকায়ারেল ব্যবহার করছে তা সম্পর্কে ওয়েবে প্রকাশিত সমাধানটি ইতিমধ্যে ব্যবহার করছি। আমি যা দেখছি তা হ'ল: কিছু ফন্ট ভালভাবে রেন্ডার করা না হলেও কোনটি পিসিতে ব্যবহারের জন্য যথেষ্ট শালীন দেখায়? এবং কোন ফন্টের আকারে? আমি নিরাপদ আকারে নিরাপদ ফন্টের একটি তালিকা খুঁজছি। এক ধরণের "সেরা অনুশীলন" রেফারেন্স।
লিটলমাড

একটি সর্বোত্তম অনুশীলন হ'ল পাঠ্য মাপের জন্য কোনও এম্বেড হওয়া ওয়েব ফন্ট ব্যবহার না করা। তারা এটির জন্য অনুকূলিত হয় না। শিরোনাম এবং শিরোনাম জন্য তাদের ছেড়ে দিন।
DA01

1
@ ডিএ0১: আমি একটি ওয়েব ডিজাইনার, আমি ভাল টাইপোগ্রাফি ডিজাইন করতে এবং ব্যবহার করতে চাই, আমি কেবল হরফগুলিকে উপেক্ষা করতে পারি না, আমি কীটি গ্রহণযোগ্য হতে পারে তা জানতে চাই।
লিটলম্যাড

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

1
@ ডিএও 1: হ্যাঁ, আমিও সেই মডেলের কোনও বিশাল ফ্যান নই, তবে আমি এটি উল্লেখ করার চেষ্টা করছিলাম যে এটি ভাল বনাম খারাপ ফন্টের বিষয়, এম্বেড থাকা ফন্টগুলি অন্তর্নিহিতভাবে খারাপ নয় are
রাসেল লেগেট

1

ফন্টের হিন্টিং বাইটকোড পুনর্নির্মাণের জন্য ttfautohint ব্যবহার করা যেতে পারে; ডিফল্ট সেটিংস (জিডিআই-সামঞ্জস্যপূর্ণ) উইন্ডো ফন্ট রেন্ডার করতে সহায়তা করে।


0

এটির ব্রাউজারটির সাথে কিছুই করার নেই, তবে উইন্ডোজ নিজেই।

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

খুব সুন্দর এটি উইন্ডোজ উপ-পিক্সেল উপস্থাপন করে না, এটি ফন্ট বা ফাইল নয়, অপারেটিং সিস্টেম those ফন্ট এবং ফাইলগুলি প্রদর্শন করে।


ব্যাখ্যাটির জন্য থেক্স, তবে আমি জানি যে সমস্যাটি উইন্ডোজ, তবে আমি আরও জিজ্ঞাসা করছি: আপনি যে ওয়েবসাইটের / ক্লায়েন্ট-ওয়েবসাইটে আপনি ব্যবহার করছেন এবং এখনও উইন্ডোগুলিতে "মোটামুটি" শালীন খুঁজছেন তা কী ধরণের ফন্ট পরীক্ষা করেছেন বা ব্যবহার করেছেন?
লিটলমাদ

আসলে এটি ব্রাউজার থেকে ব্রাউজারে পরিবর্তিত হয়। ফায়ারফক্স এবং আইই একই ফন্টটিকে আলাদাভাবে রেন্ডার করবে, কেবল যদি কারণ একটি ইওটি ব্যবহার করে এবং অন্যটি ওটিএফ / টিটিএফ / ডাব্লুএফএফ ব্যবহার করে। এবং ক্লিয়ারটাইপ উপ-পিক্সেল রেন্ডারিংও ব্যবহার করে। অনেক লোক কেবল উইন্ডোজ অপশনগুলির চেয়ে ওএস এক্স এর ফন্টকে অ্যান্টিয়ালাসিং পছন্দ করে।
ক্যালভিন হুয়াং

@ লিটলম্যাড "মোটামুটি ভদ্র" বলতে আপনি কী বোঝাতে চেয়েছেন, আমি বলতে চাইছি যে আমি এটি নিজেকে ভাল করে দিয়েছি যে এটি ভালভাবে রেন্ডার করে না। উইন্ডোজ ৮
dkuntz2

@ ক্যালভিন হুয়াং: হ্যাঁ আমি রেন্ডারিংয়ের ব্রাউজারের পার্থক্য সম্পর্কে জানি তবে এটি মূল বিষয় নয়। এটি ওএস সম্পর্কিত। আজকাল ব্রাউজার হরফ ফন্টের aliasing রেন্ডার। উইন্ডোজ এখনও না। @ ডকান্টজ: "উইন্ডোজ ৮" বলে আপনার অর্থ কী? আমি গুরুত্বপূর্ণ ওয়েবসাইটটিতে ফন্ট-ফেস ব্যবহার করে অনেক লোককে দেখতে পাচ্ছি এবং ভাল ডিজাইনার এটি করে দেখে সত্যিই কুৎসিত হয়। সুতরাং আমি একটি কম খারাপ সমাধান খুঁজছি, এখনও খারাপ রেন্ডারড, তবে কমোডোর 16 ধরণের পাঠ্যের মতো না দেখার জন্য যথেষ্ট কম শালীন। অন্যথায় আমাকে আপনার ব্রাউজারটি পরীক্ষা করতে একটি জেএস সমাধান ব্যবহার করতে হবে এবং আপনি ম্যাক বা পিসি হলে সিএসএস স্টাইল পাস করতে হবে
লিটলম্যাড

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

0

আপনার উইন্ডোজ এক্সপিতে ক্লিয়ারটাইপ চালু করা:

1) এই নির্দেশাবলী অনুসরণ করুন: http://blogs.msdn.com/b/virtual_pc_guy/archive/2011/10/05/enabling-cleartype-on-windows-xp-mode.aspx

2) এখন, আপনার আইইএক্সপ্লোরার এ অনুসরণ করুন : http://www.microsoft.com/typography/cleartype/tuner/step1.aspx


0

সিএসএসে নীচের কোডটি ব্যবহার করুন

-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

এটা আপনাকে সাহায্য করতে পারে


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