يك سري فونت هاي استاندارد هستند كه بيشتر كاربران وب سايت شما به صورت پيش فرض آنها را در كامپيوتر خود دارند فونت هايي مانند Arial, Verdana, Tahoma, georgia و بسياري فونت هاي ديگر اما معمولاً اين فونت ها در فارسي شكل زيبايي ندارند و براي اينكه بتوانيد از فونت زيبايي به خصوص براي تيتر ها، منوها و ليست ها استفاده كنيد نياز به فونت هاي مناسب تري داريد كه ممكن است در كامپيوتر كاربران شما موجود نباشد يكي از راه هايي كه از قديم استفاده مي شد اين بود كه يك سري فونت به ترتيب الويت انتخاب مي كردند كه بالاخره يكي از اين فونت ها در كامپيوتر كاربر وجود داشته باشد البته اين راه هنوز هم استفاده مي شود ولي روش كاملي نيست چون نمي توانيد اطمينان حاصل كنيد كه وب سايت شما را همه با ظاهر مناسبي مشاهده خواهند كرد.
و اينجاست كه راه دوم مورد استفاده قرار مي گيرد يعني استفاده از روش font-face كه در آن مي توانيد فونت جديدي را براي كاربر به نمايش بگذاريد و نيازي نيست كه حتما كاربر آن فونت را در كامپيوتر خود داشته باشد و كافيست كدي مانند كد زير را در ابتداي فايل style.css خود قرار دهيد:
@font-face{ font-display:swap;
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}
علي يزدي مقدم
