/* 1) Import Poppins from Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); /* 2) Apply Poppins to the (or any other selector) */ body { font-family: 'Poppins', sans-serif; } /* 3) Example: headings with different weights */ h1 { font-weight: 700; } h2 { font-weight: 600; } p { font-weight: 400; } /* 4) If you need a light weight somewhere: */ .light-text { font-weight: 300; }