asp.net adding new font

Question

I'd like to add a new font from my "Styles" folder, of type .ttf to a page. What is the CSS code to change all the text font to that one?

I think it is just a matter of syntax becuase I know this works fine:

body {font-family: verdana;}

So basically, how to point that to my font file?

Are all your users going to have that font installed on their machines as well? — mellamokb
– mellamokb, Commented Jul 26, 2012 at 16:44

HatSoft · Accepted Answer · 2012-07-26 17:00:28Z

7

I believe you are looking for src attribute that font-face supports. Please see url for more knowledge http://www.w3.org/TR/css3-webfonts/#src-desc

<style type="text/css">
@font-face {
    font-family: "The Example Font";
    src: url(http://www.examplefonts.com/example.ttf) format("truetype");
}
div.ExampleFont { 
    font-family: "The Example Font", Verdana;
}
</style>
<div class="ExampleFont ">I am using the Example Font</div>

answered Jul 26, 2012 at 17:00

HatSoft

11.3k3 gold badges30 silver badges43 bronze badges

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

1 Comment

user1468537 Over a year ago

Yes that's the one. I remembered using it before but could not remember how to call it. Thanks

Sumo · Accepted Answer · 2012-07-26 16:45:13Z

0

You can't reference font files from Web applications. You can only use fonts that are either guaranteed to be installed on all machines already or by using something like Google Web Fonts. Then, you would use CSS, like you already have to apply the font using CSS selectors.

Listing of Web safe fonts

answered Jul 26, 2012 at 16:45

Sumo

4,11225 silver badges41 bronze badges

2 Comments

Sumo Over a year ago

See @font-face's announcement about Google Web Font. @font-face is bowing out of the business.

Sumo Over a year ago

Though, a downvote would probably be accurate as my statement of "You can't reference font files" is incorrect. You can if you generate the EOT and TTF files necessary for IE and other browsers, then use the @font-face rule. I think this is what Google Web Fonts is doing for you, however, and you just @import their CSS.

Icemanind · Accepted Answer · 2012-07-26 16:58:06Z

0

Microsoft has a Web Embedding Font Tool that will let you embed fonts. Here is a tutorial on how to use it too.

answered Jul 26, 2012 at 16:58

Icemanind

48.9k52 gold badges182 silver badges308 bronze badges

Collectives™ on Stack Overflow

asp.net adding new font

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related