cssblog.ir logo
P

font-family

تعیین و استفاده از فونت شخصی در صفحات وب

با استفاده از مشخصه font-family می توان برای عناصر فونت متفاوت تعیین نمود و همچنین از فونت های دلخواه خود استفاده نمود

تقریبا در تمام وبسایت هایی که بطور روزانه مشاهده می کنیم فونت های مورد استفاده بصورت اختصاصی تعیین شده اند و تا طراحان اطمینان یابند که کاربران وبسایت را به شکلی تقریبا مشابه مشاهده می نمایند. برای تعیین نوع فونت می توان از مشخصه font-familyاستفاده نمود. این مشخصه می تواند لیستی از مقادیر را قبول کند که آنها همان نام font-face ها هستند. این مقادیر با استفاده از کاما (,) جدا می شوند.

برای مثال:

body {
	font-family: "IRANSans",tahoma,arial;
}

اطمینان از بارگذاری

ترتیبی که ما نام font-faceها را می نویسیم به نوعی نشان دهنده الویت آنها نیز می باشد. چراکه به هردلیلی اگر مرورگر فونت اول را نتواند بارگذاری کند یا فونت پیدا نشود به سراغ فونت دوم خواهد رفت. برای مثال اگر فونت اصلی وبسایتtahoma است (امیدوارم که نباشد) می توان فونتArial و Times New Romanرا نیز بعنوان فونت های جانشین تعریف کرد تا احتمال یافتن فونت در صورت خطا، افزایش یابد.

body {
	font-family: tahoma,"Times New Roman",arial;
}

همانطور که در مثال فوق مشاهده می کنید برای نام فونت Times New Romanکه دارای فاصله (space) است در کارکتر (qoutation mark) استفاده شده است تا از خطاهای احتمالی جلوگیری شود.

مقدار پیشفرض

برای این مشخصه مقداری پیشفرضی وجود ندارد و مقدار آن همواره به مرورگر و سیستم عامل بستگی دارد.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند