How to use custom font in asp.net website?

Question

I am creating an asp.net website in which I want to set the font of a label.I am trying to do this through CSS.The font that I need to apply is Shivaji05, which would not be available on most systems.This is the 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;
}

The source:

<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>

But this does not work, is there any mistake in this?how should I get this working?Kindly suggest if there are any other alternatives to this approach.

Kheema Pandey · Accepted Answer · 2014-06-26 10:54:15Z

1

Have a look at below code. In addition; custom font will render in every browser once define the font MIME type as well in config file or in IIS setting.

@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'); 
}

Note: All latest browser have support for font type woff.

Update

see attached image. Define MIME Type for font format .woff the MIME type will be application/x-font-woff enter image description here

edited Jun 26, 2014 at 10:54

answered Jun 26, 2014 at 10:16

Kheema Pandey

10.3k6 gold badges27 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Kheema Pandey Over a year ago

make sure to upload the font on server and then give a font path in CSS file.

TVicky Over a year ago

not yet,I haven't done it before,can you give me a few links so that I can understand how I can upload a font on the server. @Kheema Pandey

Kheema Pandey Over a year ago

Normally as you upload the .aspx file, CSS or images on server.

TVicky Over a year ago

Can I test it on my local computer and in that case how should I go about it. @Kheema Pandey

Kheema Pandey Over a year ago

let me make a example

Collectives™ on Stack Overflow

How to use custom font in asp.net website?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related