درس 28 — فونت و تایپوگرافی در CSS، ارومیا دیزاین
1. فایل ZIP را استخراج کنید؛ index.html را در مرورگر باز کنید.
2. هیچ وابستگی خارجی، دانلود فونت یا نصب ابزار لازم نیست؛ فونت از دستگاه انتخاب می شود.
3. نمونه line-height: 1.1 را با 1.8 مقایسه کنید؛ برای متن طولانی کدام راحت تر است؟
4. عرض پنجره را کوچک کنید و بزرگ نمایی مرورگر را روی 200% بگذارید. متن باید در صفحه قابل خواندن بماند.
5. در بخش .exercise، عنوان را با 1.5rem و وزن 700 تنظیم کنید؛ متن 1rem، ارتفاع خط 1.8 و حداکثر عرض 38rem داشته باشد.
6. پیوند تمرین را inline-block کنید؛ فاصله داخلی 8px 16px، وزن 700 و زیرخط بدهید. خط دور فوکوس را حذف نکنید.
7. برای مشاهده پاسخ، در head بعد از لینک style.css این خط را اضافه کنید:
<link rel="stylesheet" href="solution.css">
8. پاسخ از ابتدا فعال نیست؛ ابتدا خودتان تمرین کنید.
9. اعداد داخل تمام فایل های HTML و CSS انگلیسی هستند. محتوای نمونه فارسی است.
10. فونت تجاری همراه پروژه توزیع نشده است؛ برای فونت سفارشی به مجوز استفاده در وب توجه کنید.
