嵌入在 aspx 文件中的 @font-face 不起作用

Question

我想在我的网站上使用一些有趣的字体。但由于某种原因，字体没有被加载或无法正常工作。

我有一个母版页，其中有 2 个 <asp:ContentPlaceHolder> 标签。一个在 head 部分用于类似的用途，如使用外部字体，另一个 <asp:ContentPlaceHolder> 在 body 部分。

我试过两件事：

1) 一个给出了我 visual studio.

上存储的 url 字体

2) 其他给我的文件系统url.

这是我的 HTML 文件：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style>
        @font-face{
            font-family:Junction;
            src : url("http:localhost:63183/fonts/Junction.otf") format('opentype');
        }
        @font-face{
            font-family:chunkfive;
            font-weight:bold;
            src : url("f:\practicals7th sem\project docs\templates\temp1\chunkfive.otf") format('opentype');
        }

    </style>
</asp:Content>

这是我的正文部分内容：

<div style="text-align: center; font-family:'Junction.otf' ; font-size: 20px; color: #db2828">
                            <%# Eval("Name") %>

Answer 1

您需要在 IIS 中设置 MimeTypes：

<system.webServer>
    <staticContent>
        <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
        <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
        <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
        <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
        <mimeMap fileExtension=".otf" mimeType="font/opentype" />
    </staticContent>
</system.webServer>

然后您可以使用字体的相对路径，即

 @font-face{
            font-family:Junction;
            src : url("/fonts/Junction.otf") format('opentype');
        }
        @font-face{
            font-family:chunkfive;
            font-weight:bold;
            src : url("/fonts/chunkfive.otf") format('opentype');
        }

嵌入在 aspx 文件中的 @font-face 不起作用

@font-face embeded in aspx file not working

html

css

asp.net

iis

fonts