Can you implement @import and @ font-face in the same project?

@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900';

@font-face {
  font-family: robotoReplacement;
  src: url(Roboto-light.ttf),
       url(Roboto-thin.ttf),
       url(Roboto-Regular.ttf),
       url(Roboto-Medium.ttf),
       url(Roboto-Bold.ttf),
       url(Roboto-black.ttf); 
}

body {
  font-family: 'Roboto', robotoReplacement;
}

p {
  font-weight: normal;
}

h1 {
  font-weight: bold;
}