如何在asp.net网站上使用自定义字体?

时间:2014-06-26 10:10:47

标签: css asp.net fonts

我正在创建一个asp.net网站,我想在其中设置标签的字体。我正在尝试通过CSS执行此操作。我需要应用的字体是Shivaji05,这在大多数系统上都不可用这是CSS:

body 
{    
}

@font-face {
    font-family: "Shivaji05"; 
    src:url("/Shivaji05.eot");
    src:url("/Shivaji05.woff")format("woff");
    src:url("/Shivaji05.ttf")format("truetype");
    font-weight: normal;
    font-style: normal;
}


.txtQues
{
    font-family: "Shivaji05";    
    font-size:14px;
    background-color:White;
}

来源:

<head>    
<link href="../FontSettings.css" rel="stylesheet" type="text/css" />    
</head>

<asp:Label ID="lblQuestionText" runat="server" Text="Type Your Question Here" 
Font-Bold="True" EnableTheming="False" CssClass="txtQues"></asp:Label>

但是这不起作用,这有什么错误吗?我应该怎么做?请说明这种方法还有其他选择。

1 个答案:

答案 0 :(得分:0)

看看下面的代码。此外;一旦在配置文件或IIS设置中定义字体MIME类型,自定义字体将在每个浏览器中呈现。

@font-face {
  font-family: 'Shivaji05';
  src: url('Shivaji05.eot'); 
  src: url('Shivaji05.eot?#iefix') format('embedded-opentype'), 
       url('Shivaji05.woff') format('woff'), /* Modern Browsers */
       url('Shivaji05.ttf')  format('truetype'),
       url('Shivaji05.svg#svgFontName') format('svg'); 
}
  

注意:所有最新浏览器都支持字体类型woff

更新

见附图。为字体格式.woff定义MIME类型,MIME类型将为application/x-font-woff enter image description here