如何将 .ttf 文件导入我的 Visual Studio 2017 web 项目以用作 CSS 字体系列值？

Question

我在 Visual Studio 2017 年开发了一个 C# .NET 应用程序。我正在尝试从 .ttf 文件导入新字体。我将文件放在 assets/fonts/Futura.ttf。然后我尝试像这样用 CSS 导入它：

@section Styles {
<style>
...

        @font-face {
          font-family: "Futura";
          src:  url("assets/fonts/Futura.ttf") format("TrueType"),
        }

...
</style>
}

但是我在页面上收到一条错误消息：

error CS0103: The name 'font' does not exist in the current context

问题行是这样写的：@font-face {

有谁知道为什么它不理解@font-face？它只是一个 .cshtml 文件。

谢谢

Answer 1

您可以尝试使用以下 cshtml 代码来使用 ttf 文件中的新字体。

请在font-face前加两个'@'。

<!DOCTYPE html>
<html>
<head>
    <style>
        @@font-face {
            font-family: "Font Name";
            src: url("../fonts/OpenSans-BoldItalic.ttf");
        }
    .testfont { font-family: 'Font Name'; }

    </style>

    <title>test111</title>
</head>
<body>
    <P class="testfont" >Hello, world</P>
</body>
</html>

结果：

如何将 .ttf 文件导入我的 Visual Studio 2017 web 项目以用作 CSS 字体系列值？

How do I import a .ttf file into my Visual Studio 2017 web project to be used as a CSS font-family value?

c#

css

visual-studio-2017

font-face