در یک صفحه HTML ساده سه عنصر h1، p و یک span با کلاس highlight ایجاد کنید و با CSS وزن فونت را برای h1 برابر 700، برای p برابر 400 و برای .highlight برابر 900 تنظیم کنید.

برای این مسئله از خاصیت CSS به نام font-weight استفاده کنید؛ می‌توانید مقدارهای عددی بین 100 تا 900 یا کلیدواژه‌هایی مثل normal و bold به‌کار ببرید. در فایل CSS برای هر سلکتور مشخص کنید مثلاً h1 { font-weight: 700; }، p { font-weight: 400; } و .highlight { font-weight: 900; } تا وزن‌های دلخواه اعمال شوند. نکته‌های کاربردی: مطمئن شوید فونتی که استفاده می‌کنید آن وزن‌ها را پشتیبانی می‌کند — در صورت نیاز از Google Fonts یا @font-face با وارد کردن وزن‌های موردنیاز استفاده کنید؛ همچنین font-weight به صورت ارثی منتقل می‌شود پس برای تعیین وزنی خاص از کلاس‌ها یا سلکتورهای دقیق بهره ببرید.