在CSS中将EmbeddedResource字体文件与@ font-face一起使用

时间:2019-05-08 15:03:21

标签: c# css fonts embedded-resource virtualpathprovider

我在项目的.csproj文件中设置了以下任务:

<Target Name="BeforeBuild">
  <ItemGroup>
    <EmbeddedResource Include="**\*.aspx;**\*.ascx;**\*.master;**\*.cshtml" />
    <EmbeddedResource Include="Images\*.*" />
    <EmbeddedResource Include="Content\**\*.*" />
  </ItemGroup>
</Target>

Content在各自的文件夹中包含我的所有样式表,脚本和字体。我有一个单独的customfont.css,它定义了我想使用的字体:

@font-face {
  font-family: 'customfont';
  src: url('fonts/customfont.eot');
  src: url('fonts/customfont.eot#iefix') format('embedded-opentype'),
       url('fonts/customfont.woff2') format('woff2'),
       url('fonts/customfont.woff') format('woff'),
       url('fonts/customfont.ttf') format('truetype'),
       url('fonts/customfont.svg#customfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

将路径设置为字体文件相对于CSS文件的正确位置。但是,当我运行项目时,它不会在Chrome开发人员工具的“源”面板中显示fonts文件夹或其内容。另一方面,CSS和JS文件也可以正常工作。我想念什么吗?

0 个答案:

没有答案