如何将 .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 字体系列值？

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-09-09 06:29:48

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-09-09 06:29:48

解决方案1
1 已采纳 2020-09-09 06:29:48