سبک متن در طراحی سایت

سبک متن در طراحی سایت

صفت font-style خیلی ساده است. برای انتخاب بین متن normal, italic و oblique استفاده می شود. تنها پیچیدگی آن این است که بین italic و oblique تفاوت قائل می شود و معمولا در نمایش شما نمی توانید این دو را از هم تشخیص دهید.

سبک متن در طراحی سایت

هما طوری که می بینید٬ مقدار پیش فرض این خاصیت٬‌ normal است. مقدار normal متن رو به نحوی نمایش می دهد که به طور قائم و درست نوشته شده باشد که تعریف بهترش این است : نمایش متنی که italic یا کج نباشد.اکثر قریب به اتفاق متون در کتاب ها به صورت normal هستند.

مشکلی برای فهم مقدار normal که وجود ندارد ولی برای فهم تفاوت بین متن italic و oblique به عکس زیر توجه کنید:

سبک متن در طراحی سایت

به طور اساسی٬ متن italic یک font face جداگانه با تغییرات کوچک است.

فونت هایی که دارای برچسب های italic, Cursive , kursive معمولا برای فونت های italic هستند و فونت oblique هم غالبا برچسب هایی مثل oblique, slanted, Inline را به دنبال دارند.

اگر میخواهید مطمئن شوید که در یک سند از متن italic استفاده می کنید از قطعه کد زیر استفاده کنید:

p {font-style: normal;}
   em, i {font-style: italic;}

 

این قطعه کد پاراراف ها را به صورت normal و عناصر em  و  i رو به صورت italic نمایش می دهد. از سوی دیگر امکان داره شما بخواهید بین em و i تفاوتی وجود داشته باشد:

p {font-style: normal;}
  em {font-style: oblique;}
  i {font-style: italic;}

اگر به عکس زیر به دقت نگاه کنید٬ خواهید دید تفاوتی بین عناصر em و i وجود ندارد. در حقیقت همه ی فونت ها ممکن است italic یا oblique را نداشته باشند.

سبک متن در طراحی سایت

اگر یک فونت دلخواه حالت italic نداشت٬ اما حالت oblique آن وجود داشت٬ از oblique آن فونت برای حالت italic آن استفاده می کنیم. در واقع یکی را جایگزین دیگری می کند. اما بر اساس قوانین CSS اگر حالت oblique برای یک فونت وجود نداشته باشد ممکن است این جایگزینی انجام نشود. در نهایت عامل کاربر می تواند به سادگی با ایجاد یک حالت کج از یک فونت٬‌حالت oblique را تولید کند.

علاوه بر این٬‌در بعضی از سیستم عامل ها ممکن است یک فونت که به صورت italic استفاده شده است٬ میتواند بر اساس سایز حقیقی از italic به oblique سوئیچ شود. نمایش فونت Times در mac os برای مثال در تصویر زیر نمایش داده شده است:

سبک متن در طراحی سایت

این تصویر نشان دهنده ی یک متن با فونت و سبک یکسان ولی سایز های متفاوت می باشد.

خوشبختانه سیستم عامل های جدید از قبیل mac os تکنولوژی خروجی فونت بهتری دارند و @font-face به طراح اجازه می دهد که سبک italic و oblique را برای تنظیمات اختصاص دهد.

 

این مبحث هم به پایان رسید.

موفق و موید باشید.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *