◇ 🌐دوره: طراحی سایت 💯موضوع: فونت در css (پارت۱) 🎥قسمت: ۱۰ 🟡برگرفته از دوره تخصصی جادوگرcss ◇ #ویدئو

🌐دوره: طراحی سایت 💯موضوع: فونت در css (پارت۱) 🎥قسمت: ۱۰ 💛توضیحات متنی 🎯 نحوه بارگذاری فونت در css و استفاده از آن 🔹داخل پوشه پروژه یک پوشه به اسم fonts بسازید و فایل فونت هایی که دانلود کردید رو بزارید اونجا 🔸داخل css این عبارت رو بنویسید @font-face { font-family: ; src: url( ) ; } 🔹 برای font-family باید اسم خانوادگی فونت رو بنویسی مثلا وزیر 🔸بین دو تا پرانتز url آدرس دهی انجام میدی و آدرس اون فایل فونتی که مد نظر هست رو می نویسی 🔹فونت ها استایل های مختلف دارن ضخامت بالا = bold ضخامت پایین = light نازک =thin متوسط = medium 🔸توی آدرس دهی فایل فونت، هم باید اسمش باشه هم فرمتش فرمت مثل woff یا woff2 🔹هر جا خواستی از فونت استفاده کنی باید بهش پراپرتی font-family بدی 🔸اگر بخوای روی کل صفحه اعمال بشه باید به body بدی body { font-family : vazir ; } 🔹اگر بخوای اون فونت رو فقط به یدونه تگ p بدی، اسم کلاسش رو می نویسی و بهش میدی hello{ font-family : vazir ; }

📝تمرین شبانه: توی یه تگ p جمله ای که دوست داری به وب‌بلاک بگی رو بنویس و بعد بهش فونت بده✌️🏻رنگ هم بدی ‌که چه بهتر 🔎به وقت بازخورد: عکس جمله های قشنگتون رو بفرستید برای پشتیبانی... قول میدم حداقل چند تاشو بزارم تو کانال🤩 ❣پیام استاد: این جلسه از فونت رو حتما باید یاد بگیرید تا بقیه نکات که پیشرفته تر هستن رو درک کنید دست به کد شدن و تمرین فراموش نشه😉 🆔 @Web_Block_Support

💥تا آخر هفته انجام خواهد شد💥 افرادی که فعال بودن و یا مشتاق یادگیری و توی مینی دوره ثبت نام کرده بودن به طور رایگان🆓 توی گروه های 15 نفره VIP عضو میشن به همراه + یک پشتیبان تخصصی🧑🏻‍💻 و + مدرس👩🏻‍🏫 👈🏻تا باهاشون حرفه ای کار بشه💰💯 جهت ثبت نام رایگان در مینی دوره و عضویت در گروه VIP💎 عدد "1" رو به پشتیبانی ارسال کنید💛 🆔 @Web_block_support

🧡 ماجرای طراحی لوگوی رسمی HTML5 لوگو نسخه ۵ ابتدا با مخالفت‌های شدیدی روبرو شد😵 چون برخی معتقد بودن شبیه به یک «سپر» جنگی است🛡⚔ اما طراح لوگو اصرار داشت که این نماد، 👊🏻قدرت وب باز و بدون نیاز به پلاگین‌های جانبی رو نشان می‌ده🤩🤩 #دانستنی 🧡

امشب می خوایم بریم سراغ پارت دوم فونت گذاری در css🙂 این جلسه هم از ویدئو های تخصصی دوره جادوگر CSS گرفته شده پس به هیچ عنوان از دستش ندید❌ ✅یه نکته ای بگم! داخل ویدئو امشب احتمالا اسم چند تا تگ رو می‌شنوید که بلد نیستید... چون از تگ هایی هستن که تو دوره تخصصی معمار HTML آموزش داده شدن 💡معمار HTML دوره صفر تا صدی هست که قبل از جادوگر CSS باید توش متخصص بشید و دیده باشید توضیح اینکه تگ ها چی هستن تو توضیحات متنی می نویسم، آشنایی دقیق باهاشون هم بمونه برای گروه VIP💎

🎆 کدنویس عجوبه || جلسه پانزدهم فونت در css (پارت۲)🎗 #کدنویس_عجوبه #جلسه‌پانزدهم

◇ 🌐دوره: طراحی سایت 💯موضوع: فونت در css (پارت۲) 🎥قسمت: ۱۱ 🟡برگرفته از دوره تخصصی جادوگرcss ◇ #ویدئو

🌐دوره: طراحی سایت 💯موضوع: فونت در css (پارت۲) 🎥قسمت: ۱۱ 💛توضیحات متنی 🎯 پارت دوم فونت و پراپرتی های آن 🔹پراپرتی font-weight وزن یا ضخامت نوشته رو کنترل می کنه، معمولا مقدار های بالای ۵۰۰ شروع به ضخیم کردن متن می کنه font-weight : 600 ; 🔸حواستون باشه عددی که برای ضخامت میزارید واحد نداره و عدد باید تنها باشه 🔹کاربرد ضخیم کردن نوشته مثل زمانیه که از تگ های b یا strong توی html استفاده کنید 🔸تگ b و strong نوشته رو ظاهری بولد و ضخیم می کنن اما خب از لحاظ معنایی فرق دارن 🔹پراپرتی font-style به ما کمک می کنه استایل نوشته رو مشخص کنیم و به صورت پیش‌فرض روی normal هست 🔸یکی از پرکاربرد ترین استایل های فونت italic هست که نوشته رو مورب می کنه font-style : italic ; 🔹کاربردش شبیه زمانیه که از تگ i یا em داخل html استفاده کنی تگ i و em هر دو نوشته ها رو مورب می کنن (البته یه تفاوت هایی دارن با هم این دو تا تگ)😅 🔹 پراپرتی font-size اندازه نوشته رو کنترل میکنه font-size : 20px ; 🔸به صورت پیش‌فرض روی 16px هست پس برای بزرگ کردن نوشته باید عدد بالای ۱۶ بدی 🔹پراپرتی letter-spacing اندازه فاصله بین حروف رو مشخص می کنه و چون تو فارسی حروف به همدیگه می‌چسبند کاربردی نداره و برای زبان انگلیسی بهتره letter-spacing : 20px ; 🔸پراپرتی line-height اندازه فاصله خط ها از هم دیگه رو مشخص می کنه، هرچی بیشتر باشه، نوشته های زیر هم بیشتر از همدیگه فاصله میگیرن line-height : 16px ;

📝تمرین شبانه: دقیقا چالشی که تو ویدئو گفت رو انجام بدید ۳ تا تگ p که به هر سه فونت دادید و حالا فقط قراره وسطی اندازه و رنگ متفاوت داشته باشه😁 ببینم چجور خلاقیت به خرج میدید🔅 🔎به وقت بازخورد: حتما حتما تمرین رو انجام بدید! این تمرین چالش خوبیه برای ذهنتون که از دانش‌تون تا به اینجا استفاده کنید ✅بفرستید پشتیبانی تمرین این جلسه رو چون #امتیاز_ویژه🎟 داره ❣پیام استاد: جلسه قبل یاد گرفتید فونت به css معرفی کنید این جلسه یاد میگیرید چجور فونت رو تنظیم کنید هر دو ویدئو که مکمل همدیگه هستن رو ببینید و اگر سوال داشتید از پشتیبانی بپرسید😉 🆔 @Web_Block_Support