کوتاه نویسی فونت (Font Shorthand) در CSS
ویژگی «کوتاه نویسی فونت» یا font shorthand به شما اجازه می دهد همه خواص فونت را در یک اعلان خلاصه کنید. با این روش، کد تمیزتر می شود و نگه داری ساده تر خواهد شد.
ویژگی font؛ چه چیزهایی را پوشش می دهد؟
در CSS، ویژگی font کوتاه نویسیِ این خواص است:
font-stylefont-variantfont-weightfont-stretchfont-sizeline-heightfont-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; }کوتاه نویسی فونت را به عنوان مرجع سریع نشانه گذاری کنید و در کنار آن، صفحات فونت - سبک و فونت - اندازه را نیز ببینید.