Unexpected character '@' when importing fonts

Created by: ashah888

When I import a custom font using the following code inside a .css file, it creates an error saying "Unexpected character '@'".

How can I import a custom font in my project?

@font-face {
  ...
}