ফন্ট-সাইজ-অ্যাডজাস্ট বৈশিষ্ট্য

font-size-adjust বৈশিষ্ট্য ফন্টের আকার নিয়ন্ত্রণ করতে দেয়, অপরিবর্তিত font-size (বাড়ানো বা কমানো)।

প্রয়োগ: ধরুন font-family এ কমা দিয়ে দুটি ফন্ট নির্দিষ্ট করা হয়েছে, উদাহরণস্বরূপ, Georgia, "Times New Roman"। ধরুন ব্যবহারকারীর কম্পিউটারে Georgia ফন্ট নেই - এই ক্ষেত্রে "Times New Roman" প্রয়োগ করা হবে। যাইহোক, আমরা একটি সমস্যার সম্মুখীন হব - একই font-size মান থাকলেও ফন্টগুলি ভিন্নভাবে দেখাবে। নীচের উদাহরণে উভয় অনুচ্ছেদের font-size 16px এ নির্দিষ্ট করা হয়েছে, কিন্তু ভিন্ন font-family। দেখুন, আকারগুলি কতটা আলাদা:

<p style="font-size: 16px; font-family: Georgia;">
	Lorem ipsum dolor sit amet.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman';">
	Lorem ipsum dolor sit amet.
</p>

এটি ঘটে কারণ প্রদর্শিত ফন্টের আকার在很大程度上 নির্ভর করে না font-size বৈশিষ্ট্যের উপর, যা কেবল ফন্টের সামগ্রিক আকার নির্ধারণ করে, বরং font-size বৈশিষ্ট্যের মান এবং x-height পরিমাণের অনুপাতের উপর (x-height - এটি একটি নির্দিষ্ট ফন্টের জন্য ছোট হাতের অক্ষর "x" এবং বড় হাতের অক্ষর "X" এর আকারের পার্থক্য)।

এই অনুপাতকে ফন্টের অ্যাসপেক্ট বলা হয় এবং এটি সূত্র দ্বারা গণনা করা হয়: অ্যাসপেক্ট = font-size / x-height।

আকারের সমস্যাটির সমাধান করে font-size-adjust বৈশিষ্ট্য (এটি ফন্টের অ্যাসপেক্ট পরিবর্তন করতে দেয়), যা দ্বিতীয় ফন্টটিকে প্রথমটির মতো একই আকারের দেখাতে বাধ্য করবে।

আসুন এমন করি যাতে Times New Roman ফন্টটি Georgia-র আকারের মতোই হয়। আমাদের Georgia-র অ্যাসপেক্ট জানা আছে - এটি 0.5 (নীচের টেবিল দেখুন)।

Times New Roman সহ টেক্সটের জন্য font-size-adjust কে 0.5 মানে সেট করি এবং দেখব যে দ্বিতীয় টেক্সটটি প্রথমটির মতো একই আকারের হয়ে গেছে:

<p style="font-size: 16px; font-family: Georgia;">
	Lorem ipsum dolor sit amet.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.5;">
	Lorem ipsum dolor sit amet.
</p>

সিনট্যাক্স

সিলেক্টর {
	font-size-adjust: সংখ্যা | none;
}

মান

মান	বর্ণনা
`number`	সংখ্যাটি ফন্টের অ্যাসপেক্ট নির্দিষ্ট করে।
`none`	ফন্টের আকার নিয়ন্ত্রণ নেই।

ডিফল্ট মান: none।

ফন্টের জন্য অ্যাসপেক্ট মান কীভাবে নির্ধারণ করবেন?

W3C স্পেসিফিকেশন থেকে উদ্ধৃতি দেখুন: নির্বাচিত ফন্টগুলির জন্য আনুপাতিক সহগ (অ্যাসপেক্ট) ভিন্ন font-size-adjust মান সহ একই টেক্সট তুলনা করে গণনা করা যেতে পারে। যদি বৈশিষ্ট্যের মান সঠিকভাবে নির্বাচন করা হয়, তাহলে ফন্টের একই আকারে পৃষ্ঠায় ব্যবহৃত সমস্ত ফন্টের জন্য টেক্সট অপরিবর্তিত থাকবে।

আমার জানা কিছু ফন্টের অ্যাসপেক্ট মান এখানে দেওয়া হল: Georgia - 0.5, Times New Roman - 0.46, Verdana - 0.58।

উদাহরণ

ভিন্ন font-size-adjust মান এবং একই font-size এবং font-family সহ টেক্সট কেমন দেখায় তা তুলনা করুন:

<p style="font-size: 16px; font-family: 'Times New Roman';  font-size-adjust: none;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman';  font-size-adjust: 0.5;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman';  font-size-adjust: 0.6;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>

উদাহরণ . বাস্তব জীবনে প্রয়োগ

নীচের কোডটি এমন করে যাতে ব্যবহারকারীর কম্পিউটারে Georgia ফন্ট না থাকলে, প্রয়োগ হওয়া Times New Roman ফন্টটি Georgia-র মতো একই আকারের হয়:

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl suspendisse egetile.
</p>

p {
	font-size: 16px;
	font-family: Georgia, "Times New Roman";
	font-size-adjust: 0.5;
}