টেক্সট পঠনযোগ্যতা রক্ষা করতে fontSizeAdjust প্রপার্টিটি ব্যবহার করুন। এটি ফন্টের আস্পেক্ট ভ্যালু সেট করে অর্থাৎ ছোট হাতের এবং বড় হাতের অক্ষরের আকারের পার্থক্য।
উদাহরণ
জাভাস্ক্রিপ্টে ফন্ট ফলব্যাক হলে টেক্সট পঠনযোগ্যতা রক্ষা করতে নিচের কোডটি চালান:
<!DOCTYPE html> <html> <body> <h1>শিরোনাম ১</h1> <p id="myID"> এটি ডেমো টেক্সট। </p> <button type="button" onclick="display()">আস্পেক্ট ভ্যালু সেট করুন</button> <script> function display() { document.getElementById("myID").style.fontFamily = "verdana,sans-serif"; document.getElementById("myP").style.fontSizeAdjust = "0.90"; } </script> </body> </html>
ব্যাখ্যা ও সংশোধন: উদাহরণে বাগ আছে: document.getElementById("myP") কিন্তু HTML-এ কোনো এলিমেন্টের id="myP" নেই (শুধু id="myID" আছে)। সঠিক হবে document.getElementById("myID")। font-size-adjust ফন্ট ফলব্যাক সময় x-height (ছোট হাতের অক্ষরের উচ্চতা) সংরক্ষণ করে, যাতে পঠনযোগ্যতা ব बनाয়। মান: none (ডিফল্ট), সংখ্যা (আস্পেক্ট রেশিও)।
