تغییر ظاهر فونت در css :
CSS (Cascading Style Sheets) یک زبان برنامه‌نویسی است که برای توصیف ظاهر و استایل یک سند HTML یا XML استفاده می‌شود. یکی از امکانات قدرتمند CSS تغییر ظاهر فونت متن است.
برای تغییر ظاهر یک فونت در CSS، ابتدا باید فونت مورد نظر را در سند HTML یا XML فراخوانی کنیم. یعنی باید فایل فونت را به صفحه وب خود اضافه کنیم. این کار به صورت زیر انجام می‌شود:
@font-face {
font-family: ‘نام فونت’;
src: url(‘مسیر فایل فونت’);
}
در این قسمت، نام فونت و مسیر فایل فونت باید تعیین شوند. نام فونت می‌تواند هر نامی باشد که می‌خواهید برای فونت استفاده کنید و مسیر فایل فونت باید به فایل فونت واقعی باشد.
بعد از اضافه کردن فایل فونت، می‌توانیم از آن در تگ‌های مورد نظر استفاده کنیم. برای تغییر فونت متن یک تگ، از ویژگی font-family استفاده می‌کنیم. مقدار این ویژگی را برابر با نام فونت تعریف شده در مرحله قبل قرار می‌دهیم. به عنوان مثال:
h1 {
font-family: ‘نام فونت’;
}
در این مثال، فونت متن داخل تگ h1 به نام فونت تعریف شده در مرحله قبل تغییر می‌کند.
علاوه بر تغییر نام فونت، می‌توانیم ویژگی‌های دیگری همچون اندازه فونت (font-size)، رنگ فونت (color) و وزن فونت (font-weight) را نیز تغییر دهیم. به عنوان مثال:
h1 {
font-family: ‘نام فونت’;
font-size: 24px;
color: blue;
font-weight: bold;
}
در این مثال، فونت متن داخل تگ h1 به نام فونت تعریف شده در مرحله قبل تغییر می‌کند و همچنین اندازه فونت به 24 پیکسل، رنگ فونت به آبی و وزن فونت به bold تغییر می‌کند.
با استفاده از CSS، می‌توانیم ظاهر فونت‌ها را در صفحات وب خود به طور کامل تغییر دهیم. این قابلیت به طراحان و توسعه‌دهندگان وب کمک می‌کند تا طرح‌ها و استایل‌های منحصر به فرد خود را بر اساس سلیقه خود ایجاد کنند.
