Font-size-adjust հատկությունը

font-size-adjust հատկությունը թույլ է տալիս վերահսկել տառատեսակի չափը՝ անփոփոխ font-size (մեծացնել կամ փոքրացնել):

Կիրառում. ենթադրենք font-family-ում սահմանված է երկու տառատեսակ ստորակետով առանձնացված, օրինակ՝ Georgia, "Times New Roman": Ենթադրենք օգտագործողի համակարգչում Georgia տառատեսակը բացակայում է. այս դեպքում կկիրառվի "Times New Roman"-ը: Սակայն, մենք կբախվենք խնդրի. font-size-ի նույն արժեքի դեպքում տառատեսակները տարբեր տեսք կունենան: Ստորև բերված օրինակում երկու պարբերություններին էլ տրված է font-size 16px, բայց տարբեր font-family: Տեսեք, թե ինչպես են չափերը տարբերվում.

html<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 է (տես ստորև բերված աղյուսակը):

Սահմանենք font-size-adjust-ը Times New Roman-ով տեքստի համար 0.5 արժեքի և կտեսնենք, որ երկրորդ տեքստը դարձել է նույն չափի, ինչ առաջինը.

html<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>

Результат:

Շարահյուսություն

cssընտրող {
  font-size-adjust: թիվ | none;
}

Արժեքներ

Լռելյայն արժեքը. none:

Ինչպես որոշել տառատեսակի ասպեկտի արժեքը:

Տեսեք W3C-ի սպեցիֆիկացիայից հատված. Ընտրված տառատեսակների համար համամասնության գործակիցը (ասպեկտը) կարող է հաշվարկվել՝ համեմատելով նույն տեքստը, բայց տարբեր font-size-adjust արժեքներով: Եթե հատկության արժեքը ճիշտ է ընտրված, ապա տառատեսակի նույն չափի դեպքում տեքստը կմնա անփոփոխ էջում օգտագործվող բոլոր տառատեսակների համար:

Ահա ինձ հայտնի ասպեկտների արժեքները որոշ տառատեսակների համար. Georgia - 0.5, Times New Roman - 0.46, Verdana - 0.58:

Օրինակ

Համեմատեք, թե ինչպես է տեսք ունենում տեքստը font-size-adjust-ի տարբեր արժեքներով և նույն font-size և font-family-ով.

html<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-ն.

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

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

Результат: