بایگانی

بایگانی برای دسته ی ‘آموزش اینترنت’

فونت وبسایت

۱۷ آذر ۱۳۹۴ بدون دیدگاه

فونت وبسایت

 

فونت وبسایت

یک سری فونت های استاندارد هستند که بیشتر

کاربران وب سایت شما به صورت پیش فرض آنها

را در کامپیوتر خود دارند فونت هایی

مانند Arial, Verdana, Tahoma, georgia و بسیاری فونت های

دیگر اما معمولاً این فونت ها در فارسی شکل زیبایی ندارند

و برای اینکه بتوانید از فونت زیبایی به خصوص برای

تیتر ها، منوها و لیست ها استفاده کنید نیاز به فونت های

مناسب تری دارید که ممکن است در کامپیوتر کاربران

شما موجود نباشد یکی از راه هایی که از قدیم استفاده می شد

این بود که یک سری فونت به ترتیب الویت انتخاب می کردند

که بالاخره یکی از این فونت ها در کامپیوتر کاربر وجود

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

ولی روش کاملی نیست چون نمی توانید اطمینان حاصل کنید

که وب سایت شما را همه با ظاهر مناسبی مشاهده خواهند کرد.

و اینجاست که راه دوم مورد استفاده قرار می گیرد یعنی

 

استفاده از روش font-face

 

که در آن می توانید

فونت جدیدی را برای کاربر به نمایش بگذارید و نیازی نیست

که حتما کاربر آن فونت را در کامپیوتر خود داشته باشد

و کافیست کدی مانند کد زیر را در ابتدای فایل style.css خود قرار دهید:

@font-face {
font-family: fontjadid;
src: local('fontjadid-Regular'),
url("fonts/fontjadid-Regular.ttf") format('truetype');
font-weight: normal;
}

همانطور که در کد های بالا مشاهده می کنید

ابتدا فونت جدید با نام fontjadid معرفی شده است

و سپس به محلی که فونت خود را در آن قرار داده اید

و آن را fontjadid-Regular.ttf نام گذاری کرده اید آدرس

داده شده است تا مرورگر بداند فونت را از کجا استفاده کند.

توجه داشته باشید که برای آدرس فونت باید  از

حروف کوچک انگلیسی استفاده کنید در غیر این صورت

در اینترنت اکسپلورر نتایج پیش بینی نشده ای خواهید داشت.

اکنون می توانید از آن در فایل css خود استفاده کنید مانند زیر:

.post-item {font-family: fontjadid}

علی یزدی مقدم

Categories: آموزش اینترنت Tags: