عنوان این جلسه : استایل دهی به متن در CSS | ویژگی‌های استایل Text - قسمت دوم
ویژگی font-family در CSS
با استفاده از ویژگی font-family می‌توانید فونت متن را تعیین کنید. تنها کافیست نام فونت موردنظر خود را در مقدار این ویژگی بنویسید. به مثال زیر دقت کنید:
<p style="font-family: tahoma;">این یک متن با فونت Tahoma است</p>
نکته: فونت مورد نظر باید در کامپیوتر شما نصب باشد. در غیر اینصورت متن با فونت مورد نظر نمایش داده نمی‌شود.
نکته: روش دیگری وجود دارد که فونت از سیستم کاربر خوانده نمی‌شود. بلکه از فایل‌های درون پروژه خوانده می‌شود. معمولا از این روش در پروژه های واقعی استفاده می‌شود.
این روش در جلسات بعدی آموزش داده می‌شود.
ویژگی text-shadow در CSS
با استفاده از ویژگی text-shadow می‌توانید سایه‌ای را برای متن در نظر بگیرید. این ویژگی ۴ پارامتر می‌گیرد که در زیر syntax این ویژگی را آورده‌ایم.
text-shadow: رنگ-سایه شعاع-تیرگی سایه-عمودی سایه-افقی;
به مثال زیر دقت کنید:
<p style="text-shadow: -5px 10px 5px blue;">این یک متن سایه دار است</p>
در پارامتر اول اگر عدد منفی وارد کنید (مانند مثال فعلی) سایه به سمت چپ و اگر عدد مثبت وارد کنید سایه به سمت راست حرکت می‌کند. در پارامتر دوم اگر عدد منفی وارد کنید سایه به سمت بالا و اگر عدد مثبت وارد کنید، سایه به سمت پایین حرکت می‌کند.
پارامتر سوم مربوط به حجم fade شدن سایه می‌شود. با تغییر عدد این پارامتر براحتی می‌توانید متوجه تغییرات ایجاد شده شوید. پارامتر چهارم مربوط به رنگ سایه می‌شود که در مثال ما از نام رنگ blue استفاده کردیم.
#html
#css
#html_css