در ادامه سلسله مقالات آموزش CSS در این مقاله در مورد خصوصیت font-style در سی اس اس صحبت خواهیم کرد.
با استفاده از ویژگی font-style می توان استایل فونت را به صورت italic و یا oblique تعیین کرد.
در حالت استاندارد فونت هایی که در سایت خود استفاده می کنید باید فایلی مربوط به استایل italic و همینطور فایلی برای استایل oblique داشته باشد.زمانی که این دو فایل وجود داشته باشند هنگامی که برای یک عنصر در صفحه ویژگی font-style را برابر با italic قرار دهیم فونت مربوط به این حالت برای عنصر تنظیم می شود. حال اگر فونت دارای فایلی مربوط به استایل italic نبود، مرورگر از فایل oblique استفاده می کند.
حالت بالعکس این وضعیت نیز صادق می باشد یعنی زمانی که برای عنصری ویژگی font-style را برابر با oblique قرار دهیم اما فونت دارای چنین استایلی نباشد مرورگر از فایل italic کمک می گیرد و این استایل را برای ویژگی تنظیم می کند.
اما اگر فونتی شامل هیچ کدام از این دو استایل نمی شد چه اتفاقی می افتد؟ در این شرایط مرورگر بصورت خودکار کاراکترهای همان فونت عادی را بصورت شیب دار ساخته و از آنها استفاده می کند.
به عنوان مثال تصویر زیر را در نظر بگیرید :
برای حرف a از فونت Palatino استفاده شده است و اولین a از سمت چپ حالت عادی این فونت است و آخرین a حالت italic آن است که بصورت ذاتی برای فونت طراحی شده است و فایل آن در دسترس مرورگر می باشد. اما حرف a دوم زمانی است که مرورگر دسترسی به حالت italic فونت ندارد و خود مرورگر این حالت را شبیه سازی می کند.
همین حالت برای حرف N نیز با فونت Baskerville به نمایش گذاشته شده است.
مقادیری که برای این ویژگی می توانید استفاده کنید یکی از 3 مورد زیر می باشد :
font-style: normal; /* پیشفرض */
font-style: italic;
font-style: oblique;
در دموی زیر مثال هایی از نحوه استفاده از این ویژگی را مشاهده می کنید.
امیدوارم مطالعه این مقاله برای شما مفید بوده باشد.با ادامه آموزش های CSS با ما همراه باشید.
کامنت جدید ...