• ارسال کننده: علی یزدی مقدم
  • تاریخ انتشار: 2015 / 07 / 06

فونت مورد نظر خود را در وب سايت تان قرار دهيد

يك سري فونت هاي استاندارد هستند كه بيشتر كاربران وب سايت شما به صورت پيش فرض آنها را در كامپيوتر خود دارند فونت هايي مانند 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}

علي يزدي مقدم

این محتوا اختصاصاً برای یاد بگیر دات کام تهیه شده است استفاده از آن با ذکر منبع همراه با لینک آن و نام نویسنده یا مترجم مجاز است
برچسب ها:



 

در یاد بگیر دات کام مشترک شوید و آخرین مطالب را در ایمیل خود دریافت نمایید

نظر شما چیست؟

پرسش های خود را در بخش پرسش و پاسخ مطرح کنید




بستن تبلیغات

تبلیغات اینترنتی در یاد بگیر دات کام



صفحه ما را در فیس بوک دنبال کنید صفحه ما را در توییتر دنبال کنید صفحه ما را در  اینستاگرام دنبال کنید صفحه ما را در لینکداین دنبال کنید