کوتاه نویسی فونت (Font Shorthand)
«کوتاه نویسی فونت (Font Shorthand)» یعنی چند ویژگی فونت را یکجا بنویسی. این کار کد را کوتاه تر می کند و مرتب تر می سازد. مثل نوشتن میانبر در دفترچه مشق است.
کوتاه نویسی فونت چیست؟
ویژگی font میانبری برای چند ویژگی جداست. این ها شامل سبک، واریانت، وزن، کشش، اندازه، فاصله خط و خانواده است.
- اجباری ها:
font-sizeوfont-familyلازم اند. - ترتیب درست:
font-style،font-variant،font-weightقبل ازfont-sizeبیایند. - فاصله خط: اگر بود، بلافاصله پس از اندازه و با
/بیاید؛ مثل15px/30px. - آخرین مقدار: همیشه
font-familyدر پایان بیاید.
نمونه سریع کوتاه نویسی
در این نمونه، سه پاراگراف با تنظیمات متفاوت نوشته شده اند.
<style>
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic bold 16px Arial, sans-serif;
}
p.c {
font: italic small-caps bold 15px/30px Georgia, serif;
}
</style>
<p class="a">Sample A</p>
<p class="b">Sample B</p>
<p class="c">Sample C</p>
گام های عملی
- اول اندازه و خانواده را مشخص کن.
- اگر لازم است، سبک و وزن را بیفزا.
- در صورت نیاز،
line-heightرا با/بنویس. - در پایان، خانواده های جایگزین را اضافه کن.
نکات و خطاهای رایج
- اگر نام فونت فاصله دارد، داخل کوتیشن بیاور.
- همیشه یک fallback عمومی بگذار؛ مثل
serifیاsans-serif. - ترتیب نادرست باعث نادیده گرفتن بخشی از مقدار می شود.
نکته: برای اندازه و مقیاس بهتر، صفحه اندازه فونت را ببین. برای سبک ها هم به سبک فونت سر بزن.
جمع بندی سریع
font-sizeوfont-familyاجباری اند.- ترتیب مقادیر خیلی مهم است.
line-heightبا/می آید.- همیشه fallback بنویس.