📝 تایپوگرافی در طراحی وب – قسمت اول

 1️⃣ تعریف تایپوگرافی
تایپوگرافی هنر و علم چیدمان متن است تا متن هم خوانا و هم زیبا باشد و هویت بصری سایت را تقویت کند.

 2️⃣ فونت‌ها و تایپ‌فیس‌ها

• Typeface vs Font:
  • Typeface: مجموعه‌ای از حروف با سبک مشخص
  • Font: نسخه دیجیتال قابل استفاده در وب یا چاپ
• انواع تایپ‌فیس:
  • Serif: حروف دارای خطوط اضافه در انتها (مثلاً Times New Roman)
  • Sans-serif: حروف ساده و مدرن بدون خطوط اضافه (مثلاً Arial)

 3️⃣ قسمت‌های مختلف یک تایپ فیس

• Baseline: خط پایه حروف
• X-height: ارتفاع حرف کوچک x
• Ascender / Descender: بخش بالایی و پایینی حروف
• Cap height: ارتفاع حروف بزرگ

 4️⃣ تنظیم فاصله‌ها

• Kerning: فاصله بین دو حرف خاص
• Tracking: فاصله بین همه حروف یک متن
• Leading (Line Height): فاصله بین خطوط متن

5️⃣ Widows و Orphans

• Widow: آخرین خط یک پاراگراف که در بالای ستون تنها می‌ماند
• Orphan: اولین خط یک پاراگراف که در انتهای ستون تنها می‌ماند

6️⃣ تراز کردن متن (Alignment)

• گزینه‌ها: Left, Right, Center, Justify
• انتخاب مناسب خوانایی و زیبایی متن را افزایش می‌دهد

7️⃣ سایز فونت، تضاد و تعداد فونت‌ها

• اندازه مناسب برای متن اصلی و تیتر
• Contrast: تفاوت بین تیتر و متن اصلی
• استفاده از ۲ تا ۳ فونت متفاوت در یک طرح برای یکپارچگی

8️⃣ انواع فرمت فونت‌ها

• TTF, OTF, WOFF, WOFF2, EOT, SVG
• انتخاب فرمت مناسب برای وب با توجه به سازگاری مرورگر و حجم فایل