کوتاه نویسی فونت (Font Shorthand) در CSS
ویژگی «کوتاه نویسی فونت» یا font shorthand به شما اجازه می دهد همه خواص فونت را در یک اعلان خلاصه کنید. با این روش، کد تمیزتر می شود و نگه داری ساده تر خواهد شد.
ویژگی font؛ چه چیزهایی را پوشش می دهد؟
در CSS، ویژگی font
کوتاه نویسیِ این خواص است:
font-style
font-variant
font-weight
font-stretch
font-size
line-height
font-family
قوانین استفاده از کوتاه نویسی فونت
- وجود
font-size
وfont-family
الزامی است. بقیه در صورت عدم ذکر، مقدار پیش فرض می گیرند. - اگر تعریف شوند،
font-style
،font-variant
وfont-weight
باید قبل ازfont-size
بیایند. - اگر تعریف شود،
line-height
باید بلافاصله بعد ازfont-size
و با اسلش/
نوشته شود؛ مثل15px/30px
. font-family
باید آخرین مقدار باشد.
نمونه های کوتاه نویسی فونت
چند نمونه برای تنظیم چندین خاصیت در یک اعلان:
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; }
نکته: ترتیب را دقیق رعایت کنید تا مرورگر همه مقادیر را درست تشخیص دهد.
الگوی امن و قابل نگه داری
برای خوانایی، ابتدا پایه ها را با خواص مجزا تنظیم کنید و سپس در اجزای تکراری از کوتاه نویسی فونت استفاده کنید.
body{ font-family:Arial, sans-serif; font-size:16px; }
h1{ font:italic 700 32px/1.25 Georgia, serif; }
p.note{ font:normal 14px/1.7 Arial, sans-serif; }
کوتاه نویسی فونت را به عنوان مرجع سریع نشانه گذاری کنید و در کنار آن، صفحات فونت - سبک و فونت - اندازه را نیز ببینید.