تبلیغات

اضافه کردن فونت به CSS

افزودن فونت به css

ما از نام یک فونت در طراحی قالبمان استفاده کنیم ممکن است که فونت در سیستم کاربر موجود نباشد و قالبمان با فونت پیشفرض مروگر نمایان شود

پس بهتر است که خود فایل فونت را به قالبمان اضافه کنیم تا توسط سیستم کاربر دانلود شده و قالب با فونتی که ما گفته ایم نمایان شود..

برای اینکار از کد زیر در css استفاده میکنیم

خب در کد بالا نام فونت را fullkade-font انتخاب کردیم

و font/fullkde.woff نیز آدرس فونتی است که آپلود کرده ایم.


خب کافیست از این کد ساده استفاده کنیم همین. اما اگر میخواهید پیشرفته تر کار کنید کد های زیر کامل تر و برای انواع سیستم ها از جمله (اندروید ،ios ، IE9 و …) میباشد.


معمولا برای طراحی حرفه ایی وب ، طراحان از چند فرمت مختلف برای وارد کردن یک فونت استفاه می کنند تا صفحه وب با همه مرورگر ها سازگاری داشته باشد برای اینکار کافیست کد زیر را به css اضافه کنید..

خب در کد بالا نام فونت را fullkade-font انتخاب کردیم

و ( font/fullkde.woff , font/fullkade.eot , font/fullkade.ttf , font/fullkade.svg ) نیز آدرس فونت هایی است که آپلود کرده ایم


حال وقت این رسیده فونتی را که اضافه کرده اید استفاده کنید.

کد زیر را به کلاس و یا آیدی خود در css اضافه کنید

که در اینجا fullkade-font نام دلخواهیست که در کد css نوشتیم

برای مثال ما آنرا به تگ p اضافه میکنیم


توضیحات بیشتر :

افزودن به تگ font مانند کد زیر میباشد

css درون خطی برای تمامی تگ ها (ما در کد زیر آنرا به تگ div اضافه کرده ایم)


اگر سوالی بود در بخش نظرات بپرسید

موفق و پیروز باشید

تبلیغات
0
کانال تلگرام فول کده
تبلیغات

درباره نویسنده

رضا عبدالهی

[ مدیر فول کده ]

abdolahi40 از کرمانشاه. [من در رقابت با هیچکس جز خودم نیستم...]

پاسخ دهید

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

نظرات ثبت شده بدون دیدگاه