xxxxxxxxxx
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {
font-family: 'Roboto', sans-serif;
}
xxxxxxxxxx
/* all you need */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
/* usage */
font-family: 'Roboto', sans-serif;
xxxxxxxxxx
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
xxxxxxxxxx
/* Font Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
font-family: 'Roboto', sans-serif;
tailwind => font-['Roboto']
========================================
/* Lato Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
font-family: 'Lato', sans-serif;
tailwind css => font-['Lato']