فیلم آموزش مبحث font face در css3

آموزش font face

سلام عرض میکنم خدمت همه دوستان

در این پست میخوام با فیلم آموزش font face یکی از مباحث فوق العاده کاربردی از css3 در خدمتون باشم.

مبحث استفاده از fontface یکی از مهم ترین مباحثی هست که هر طراح سایتی حتما لازمه که استفاده از اون رو کامل و به شکل اصولی بلد باشه که در این فیلم آموزشی کاملا باهاش اشنا میشیم

 

اما کارایی font face چیست؟

شما وقتی توی سایتتون میخواین از فونت هایی غیر از tahoma و arial استفاده کنین لازمه که فایل اون فونت هارو با استفاده از تکنیک فونت فیس ضمیمه فایل CSS کنید تا کاربرانی که فونت استفاده شده در وبسایت شمارو در سیستمشون ندارن هم بتونن سایت شمارو با همون فونت مورد نظر شما ببینن در غیر این صورت اگر شما از هر فونتی در سایتتون استفاده کنید کاربران سایت شما رو با فونت های پیشفرض tahoma و arial میبینن

 

در این فیلم آموزشی

در این فیلم آموزشی استفاده از مبحث font face و نحوه تبدیل فایل های فونت به فرمت های مختلف رو با تمام جزئیات کار بصورت پروژه محور یادمیگیرید

 

0

جعبه دانلود

نوع فایل : فیلم آموزشی مدرس: رضا حیدری حجم فایل : 50 مگابایت رمزفایل : www.websoft3.ir منبع : وبسافت3 دانلود فایل : برای دانلود باید وارد شوید یا ثبت نام کنید

14 نظر برای “فیلم آموزش مبحث font face در css3”

  1. مهسا گفت:

    سلام واقعا ممنون از زحمات بی شمارتون .من دانشجوی رشته شیمی هستم اما علاقه زیادی به طراحی دارم وتمام آموزشای تصویریتون کمک بزرگی بهم بود گرچه هنوزم چیز زیادی بلد نیستم اما به یادگیری ادامه میدم البته با همین کمکای بی دریغتون باید بگم خداقوت

    0
    1. مدیر رضاحیدری گفت:

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

      0
  2. علی گفت:

    سلام رضا جان ابتدا مجدد تشکر می کنم از آموزش های عالیتون بعد اینکه یک مشکل عجیب دارم راستش خودم متوجه نشدم مشکل از کجاست اون هم اینه من چند فونت به سی اس اس (طبق آموزش) اضافه کردم اما فقط یک فونت را تو مرورگر نمایش میده اولین فونتم تیتر است که تعریف کردم به خوبی هرقسمتی فرخوانی می کنم به خوبی عمل می کنه ولی هر فونت دیگری اضافه می کنم و درقسمت کد فراخوانی می کنم اصلا تغییری نمی کنه نمی دونم مشکل از کجاست ممنون میشم کمکم کنید

    0
    1. مدیر رضاحیدری گفت:

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

      0
      1. علی گفت:

        ممنونم استاد که زود پاسخ می دهید به نظرات و راهنمایی می کنید من راستش چندین فونت را تست کردم بعضی از فونت هارو مرورگر نمایش میده مثل فونت کودک ولی بعضی فونت ها را خیرمثل فونت یکان … یک مشکل دیگه که دارم اینه که در قسمت منو اصلی هر اسم فونتی را فراخوانی می کنم حرف “ی” به صورت جدا نمایش میده ولی روی فونت پیش فرض هیچ مشکلی نداره نمی دونم دلیل این چیه واقعا ببخشید سوالاتم زیاد شد

        0
  3. علی گفت:

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

    @font-face {
    font-family: ‘farnaz’;
    src: url(‘fonts/STITRBD.eot’);
    src: url(‘fonts/STITRBD.eot?#iefix’) format(’embedded-opentype’),
    url(‘fonts/STITRBD.woff’) format(‘woff’),
    url(‘fonts/STITRBD.ttf’) format(‘truetype’);
    }

    0
  4. hamid_ya30 گفت:

    با سلامم و عرض خسته نباشید
    واقعا ممنونم از زحماتتون که آموزش به این سنگینی رو برامون ارائه میدین
    بنده در قسمت نهم فیلم برام مشکلی پیش اومده
    قسمت قرار دادن لوگو بر روی هدر …بنده تمامی کدها را طبق کدهایی که شما قرار میدین،قرار دادم ولی لوگو بر روی هدر ظاهر نمیشن…ضمنا بنده یه مقدار اشنایی دارم که باید اسم عکس با اسمی که وارد میشود باید همخوانی داشته باشد…ولی متاسفانه اجرا نمیشه…
    لطفا کمک کنید ممنونم

    0
  5. hamid_ya30 گفت:

    سلام مجدد آقای حیدری
    بنده از صفحه ی مورد نظرم عکس تهیه کردم
    امیدوارم با این کار بتونم مشکلم را در میان بزارم…باتشکر
    http://uupload.ir/files/o2wp_snap3.png
    ….
    http://uupload.ir/files/kkw3_snap2.png

    0
  6. hamid_ya30 گفت:

    ضمنا سوالی دیگری داشتم…بنده یه هاست دارم و نمیخوام از برنامه زمپ استفاده کنم…میشه راهنماییم کنید به چه شکل این دو را با هم ست کنم؟
    ممنونم یاعلی

    0
    1. مدیر رضاحیدری گفت:

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

      0
  7. hamid_ya30 گفت:

    اقای حیدری مشکل رو یافتم …ان شالله برای بعد مزاحم میشم
    یاعلی

    0
    1. مدیر رضاحیدری گفت:

      بسیارعالی

      0
  8. Hamid Ya30 گفت:

    با سلام و سپاس فراوان
    اقای حیدری زمانی که از برنامه زمپ استفاده میکنم کلی از ترافیک اینترنت بنده استفاده میشه…لطفا راهی نشان بدین که از این برنامه استفاده نکنیم…
    یا طریقه ست کردن با هاست و کار با سی پنل رو اموزش بدین…واقعا برنامه زمپ به صرفه نیست…
    ما کماکان منتظر اموزش کار با هاست و سی پنل هستیم ….
    با تشکر…
    یاعلی

    0
    1. مدیر رضاحیدری گفت:

      سلام دوست عزیز برنامه زمپ یه سرور محلیه و ارتباطی با اینترنت نداره!
      آموزش کامل و گام به گام تهیه هاست و دامین و کاربا سی پنل – ایجاد دیتابیس و نصب وردپرس و راه اندازی سایت روی هاست واقعی رو تویه دوره جدید طراحی قالب وردپرس توضیح دادم اون دوره هنوز منتشر نشده اما اگرخواستین میتونین پیش ثبت نام کنین – 5تا پست اخری که تویه سایت منتشر کردم قسمت هایی از همون دوره هست و از لینک زیر هم میتونید سرفل هاشو ببینید
      http://s7.picofile.com/file/8246333934/websoft3.pdf.html

      0
شما هم نظر خود را درمورد این پست به ما بگویید!

پاسخ دهید

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

شش + 9 =

بهترین دوره های آموزشی

مشاهده همه محصولات
عضویت در خبرنامه وبسافت3
با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه از امکانات ویژه ای برخوردار خواهند شد !!!

فیلم آموزش توجیحی طراحی قالب وردپرس
روال کار طراحی قالب وردپرس را در 10 دقیقه یادبگیرید!
دانلود فوری
ایمیل خود را وارد کنید و دانلود رایگان را کلیک کنید
دانلود فوری
سرفصل های دوره را همین الان برایم ایمیل کن!