یک فایل CSS بسازید که یک فونت سفارشی با استفاده از @font-face بارگذاری کند و آن را روی بدنه و تیترها اعمال نماید، شامل حالت‌های وزن مختلف و فونت‌های پشتیبان.

برای حل این سوال از قاعده @font-face در CSS استفاده کنید: برای هر وزن یک بلوک @font-face تعریف کنید (مثلاً normal و bold) و در هر بلوک نام فونت، src با آدرس فایل‌های woff2 و woff (یا local) و مشخصهٔ font-weight را قرار دهید؛ سپس در سلکتور body و h1/h2 از font-family با نام تعریف‌شده و فونت‌های پشتیبان مثل Arial یا sans-serif استفاده کنید. نکات مفید: برای تجربه بهتر کاربر از font-display: swap بهره ببرید، فایل‌های فونت را در مسیر در دسترس قرار دهید یا فرمت‌های مختلف را برای سازگاری مرورگرها ارائه کنید و برای وزن‌های متفاوت، @font-face جداگانه تعریف کنید تا مرورگر بتواند نسخهٔ مناسب را بارگذاری کند.