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

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

آموزش فونت دلخواه ام را با 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 دقیقه و 53 ثانیه

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

 

فرادرس

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

برنامه نویس وب طراحی وب سایت مسلط به HTML5و CSS3تا هوددی به PHPیکم هم جاوا اسکریپت بشتر علاقه به پیشرفت به برنامه های وب

مطلب پیشنهادی

آموزش html css جلسه 23 شروع پروژه +فیلم

آموزش html css جلسه 23 شروع پروژه +فیلمReviewed by زمان الله ابراهیمی on Nov 29Rating: …


پاسخ دهید

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

*

code

برای دریافت فایل ایمیل خود را وارد کنید .
Your Information will never be shared with any third party.
سلام دوست عزیز کد تخفیف را یاداشت کنید برای خرید خود