Segoe UI font in ASP.NET website

Posted on 2008-11-09
Medium Priority
Last Modified: 2012-05-05

We intend to use vista's Segoe UI font all over our ASP.NET website. What i would like to know is what happens if the client machine does not have that font installed.

Also, is there a way its presence can be detected and automatically installed if absent.

Question by:nshah55
1 Comment

Accepted Solution

JorisW earned 1500 total points
ID: 22918221
It will fall back to what ever font the user has as default if I remember correctly.

There currently is no cross browser way to use a font in CSS that the user does not have (flash and
silverlight support it though).

What you can do is specify any number of fonts it may fall back onto, you should also specify a generic font family (serif, sans-serif, cursive, fantasy, monospace), that way you always have a font that behaves in the same way. Segeo UI is sans-serif, so it would be best to use that as a generic font family and use fonts in that category to fall back on

For example:
font-family: "Segoe UI", Verdana, Helvetica, sans-serif;
/* I did not test to see how similar these fonts look in appearance, it's just an example, but they are all sans-serif */

Open in new window


Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Suggested Courses

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question