آموزش فونت دلخواه ام را با Font-Face به صفحه وب اضافه کنم ؟

چکیده مطالب :

تاریخ انتشار : ۰۶ مهر ۱۳۹۵ ارسال دیدگاه 288
آموزش فونت دلخواه ام را با Font-Face به صفحه وب اضافه کنم ؟Reviewed by زمان الله ابراهیمی on Sep 27Rating:

با سلام خدمت شما کاربران عزیز امروز در خدمت شما عزیزان هستیم با آموزش اعمال فونت دلخواه به صفحه وب اضافه کنم؟

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

مانند بسیاری از تکنیک های CSS3 ، این کد نیز در ابتدا کاربرد ساده ای دارد ولی در عمل و مباحث پیشرفته تر کمی کدها پیچیده می شوند.

در این مطلب کوتاه قصد داریم با روش های ساده ، فونت های دلخواه مان را به صفحه اضافه کنیم

آپلود فونت
ابتدا فایل های فونت مورد نظرتان را روی وب آپلود کنید .البته بهتر است همه آنها در یک پوشه بنام Fonts باشند ولی اختیاری است.

فراموش نکنید انواع مختلف یک فونت را آپلود کنید مثلا کلفت (Bold) و کج (Italic) . (معمولا فونت های ویندوز رو می تونید در مسیر c:\windows\fonts پیدا کنید)

معمولا از نوع فونت EOT یا (Embedded OpenType) برای مرورگر اینترنت اکسپلورر و از دو نوع دیگر OTF یا (OpenType) و TTF یا (TrueType) برای مرورگرهای دیگر استفاده می شود .(البته می توانید فونت هایی از نوع WOFFیا (Web Open Font Format) و SVG یا (Scalable Vector Graphics) را نیز بکار ببرید ولی ما در اینجا از انواع عمومی تر فونت های که در بالا آمد استفاده می کنیم)

تا این جای کار اوک خوب بریم تو فیلم آموزشی

تماشی فیلم آموزش دمو زنده

دانلود فیلم   13 دقیقه و ۵۳ ثانیه

برای دانلود فونت  اینجا کیک کنید

 

برچسب ها

زمان الله ابراهیمی

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

پاسخ دهید

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

همچنین ببینید

بستن

مشاوره خرید از سایت و پشتیبانی مشتریان

بستن