Add a custom font

Hi!
I am trying to use Roboto as default front bu at am not being able to make it work.
I have the following code
@font-face {
 font-family: Roboto;
  src: url (https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap)
}

{
@import url('https://fonts.google.com/specimen/Roboto')
}

.Skin {
   
  font-family: "Roboto",;
}

Any ideas of how to make it work?