inpot google font roboto in css code example

Example: google fonts roboto

//html
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
  
//css
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
 
font-family: 'Roboto', sans-serif;