თვისება 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. შეხედეთ, როგორ განსხვავდება ზომები:

<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 და ვნახავთ, რომ მეორე ტექსტი იგივე ზომის გახდა, როგორც პირველი:

<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;
}