Search code examples
cssvisual-studiofontsfont-face

@font-face not recognized in Visual Studio

I'm in Visual Studio and it's not recognizing the keyword "font" in the expression "@font-face". It's a mature HTML MVC app with all kinds of functionality, but when I tried to add the following code to load a custom font, it's not recognized.

<style type="text/css">
@font-face {
   font-family:comic;
   src:url(test.eot);
}
</style>

Tooltip error message:

The name 'font' does not exist in the current context

Solution

  • "Razor examines the content on the right-hand side of any @ character and attempts to determine whether it is C# code (if it is a CSHTML file).

    In cases where the content is valid as code as well (and you want to treat it as content), you can explicitly escape out @ characters by typing @@."

    http://weblogs.asp.net/scottgu/introducing-razor

    Add @@ instead of @ in .cshtml file for font-face.