24 lines
2.0 KiB
Markdown
24 lines
2.0 KiB
Markdown
|
---
|
||
|
|
title: Font Variant
|
||
|
|
localeTitle: الخط البديل
|
||
|
|
---
|
||
|
|
## الخاصية متغير الخط
|
||
|
|
|
||
|
|
يتم استخدام خاصية متغير الخط الأكثر شيوعًا لتغيير النص المستهدف إلى أحرف استهلالية صغيرة. القيمة الافتراضية أمر `normal` .
|
||
|
|
|
||
|
|
`p {
|
||
|
|
font-variant: small-caps;
|
||
|
|
}
|
||
|
|
`
|
||
|
|
|
||
|
|
يقبل مكان الإقامة أيضًا `all-small-caps` `petite-caps` `all-petite-caps` `titling-caps` و `unicase` . ومع ذلك ، فهي جديدة في CSS3 ولم يتم دعمها بشكل جيد بعد.
|
||
|
|
|
||
|
|
لاحظ أنه في حالة استخدام الأحرف الاستهلالية في ترميز HTML ، فسيتم تجاوز قيمة الأحرف الكبيرة ، مما يؤدي إلى أحرف كبيرة منتظمة. إذا كنت تريد الاحتفاظ بالترميز بأحرف كبيرة ، ولكن مع تغيير الأحرف الاستهلالية الصغيرة باستخدام CSS ، فكل ما عليك هو تعيين `text-transform: lowercase` صغيرًا إلى جانب تصريح `text-transform: lowercase` الصغيرة.
|
||
|
|
|
||
|
|
في حين أن الأحرف الصغيرة يمكن أن تضيف قدراً إضافياً من الأناقة إلى طباعتك ، فإن المصممين يوصون باستخدامها فقط إذا كانت مدمجة بالفعل في الخط. إن الأحرف الكبيرة "المزيفة" هي عبارة عن نسخ محسوبة بالحواسيب من الحروف الكبيرة. أما الحروف الكبيرة "الحقيقية" ، من ناحية أخرى ، فيتم رسمها بشكل منفصل من قِبل مصمم النوع وتظهر على نطاق أوسع قليلاً وأكثر بدانة من تلك "الزائفة".
|
||
|
|
|
||
|
|
#### معلومات اكثر:
|
||
|
|
|
||
|
|
[تصميم للقراصنة](https://designforhackers.com/blog/small-caps/)
|
||
|
|
|
||
|
|
[متغير الخط على MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant)
|