تغییر ویژگی های قلم

یاد بگیرید از CSS برای تغییر ویژگی های قلم استفاده کنید

فونت و CSS

CSS موثرترین راه برای تنظیم فونت ها در صفحه وب شماست. شما می توانید خانواده فونت ، اندازه، رنگ، وزن، و بسیاری از جنبه های دیگر تایپوگرافی را کنترل کنید.

خواص قلم در CSS یکی از رایج ترین روش هایی است که صفحات شما متمایز و منحصر به فرد است. تغییر رنگ، اندازه و حتی چهره (فونت خود) متن خود را با خواص فونت CSS آسان است .

• رنگ
• فونت خانواده
• اندازه فونت

سه فونت به فونت وجود دارد:

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

رنگ فونت

برای تغییر رنگ متن، به سادگی از ویژگی سبک رنگ CSS استفاده کنید. شما می توانید از نام رنگ یا کد های hexadecimal استفاده کنید. همانطور که با تمام رنگ در وب است، بهترین استفاده از رنگ ایمن مرورگر است .

سبک های زیر را در صفحات وب خود امتحان کنید:

این فونت رنگ قرمز است
این فونت آبی رنگ است

اندازه قلم

هنگامی که شما اندازه فونت را در وب تنظیم می کنید، می توانید آن را در اندازه های نسبی تنظیم کنید یا با استفاده از پیکسل ها، سانتی متر یا اینچ بسیار مشخص باشد. با این حال، اندازه قلم دقیق تر به معنای استفاده برای چاپ و نه برای صفحات وب است، در حالی که هر کسی که وبسایت شما را دید، ممکن است دارای وضوح متفاوت، اندازه مانیتور یا تنظیم فونت پیش فرض باشد. بنابراین، اگر شما 15 پیکسل را به عنوان اندازه استاندارد خود انتخاب کنید، ممکن است ناخوشایند از اینکه چگونه فونت بزرگ یا کوچک خود را به مشتریان خود ارائه می دهد، غافلگیر شده اید.

من توصیه می کنم از ems برای اندازه فونت استفاده کنید . Ems اجازه می دهد که صفحه شما بدون توجه به اینکه چه کسی آن را مشاهده می کند دسترسی داشته باشد و ems برای رندر صفحه استفاده می شود. پیکسل ها و نقاط خود را برای رندر چاپ بگذارید. برای تغییر اندازه فونت خود، سبک زیر را در صفحه وب خود قرار دهید:

این فونت 1 است
این فونت است .75
این فونت 1.25 است

صورت فونت

چهره فونت شما این است که بسیاری از مردم فکر می کنند زمانی که فکر می کنند "فونت". شما می توانید هر چهره فونت که شما می خواهم اعلام، اما به یاد داشته باشید، اگر خواننده شما فونت را نصب نکرده است، مرورگر خود سعی خواهد کرد برای پیدا کردن یک مسابقه برای آن، و صفحه آنها به نظر نمی رسد نگاه کنید.

برای مقابله با این مشکل می توانید لیستی از نام چهره، جدا شده از طریق کاما را مشخص کنید تا مرورگر به ترتیب اولویت استفاده کند. اینها فتوشاپ های فونت هستند. به خاطر داشته باشید که یک فونت استاندارد بر روی یک کامپیوتر (مانند Arial) ممکن است در Macintosh استاندارد نباشد. بنابراین شما همیشه باید صفحات خود را با دستگاه نصب شده حداقل (و ترجیحا در هر دو سیستم عامل) ببینید تا مطمئن شوید که صفحه شما به نظر می رسد حتی با حداقل فونت طراحی شده است.

یکی از مجموعه های فتوشاپ مورد علاقه من این مجموعه یک مجموعه فونت بدون سرف است و در حالی که ژنو و Arial به نظر بسیار شبیه نیستند، آنها هم نسبتا رایج در رایانه های مکینتاش و ویندوز هستند. من شامل helvetica و helv برای مشتریان در سیستم عامل های دیگر مانند یونیکس یا لینوکس است که ممکن است یک کتابخانه فونت قوی نداشته باشند.

این فونت بدون سانسور است
این فونت serif است