CSS font stacks & developer FAQs with Web standards

WestNIC provides reliable web hosting services

Fastwebhost offers cheap web hosting & reseller hosting services

Site navigation below

This FAQ is part of the Code Style Help and FAQ section. Join our premium content service for full access all FAQ answers.

What if you were One Percent Better with Cascading Style Sheets? Cascading Style Sheets FAQ ebook for iPad, Kindle, Nook and Sony Reader

Finding fonts

Q: Could you send me one of the fonts listed?

A: No, in most cases it is illegal to distribute fonts and any request for fonts will not be answered.

Q: Where can I get the fonts in this survey?

A: The Anchor Points: Font foundries & sources page has links to the majority of the font foundries featured in the Code Style font sampler. The My Fonts site is a comprehensive guide and sales outlet for these fonts and many more.

Q: Are the sampler fonts Postscript type?

A: The short answer to your question is no, the fonts the sampler are not primarily Postscript fonts. This is a survey of fonts that are available to display in Web browser programs; it is not concerned with the storage format of the fonts, nor technically how they are rendered on screen. Many of the fonts will have Postscript versions, see Anchor Points: fonts and foundries for primary sources.

Font identification

Q: How can I find the font used in this logo?

A: Several font foundries provide basic browse and search tools on their Web sites to help identify fonts by name, see the Anchor Points: Fonts and foundries page. The foundries below provide visual interactive tools to find the font you're looking for.

… full answer hidden, click for full answers

Premium members click below for full answer
How can I find the font used in this logo?

Font sampler questions

Q: The lens link shows the wrong image!

A: The lens link on the Code Style font sampler does not display an image, it shows XHTML text with a specific CSS font-family declaration on the second text sample. If you do not have the specified font on your system, it will only show the default font for your Web browser.

Only the "Image" links on the show font images.

Q: The oblique sample is the same as italic!

A: The oblique sections of the sampler are pure CSS renditions of the base text against a standard grid background, they are not images. These samples rely on one's system having the named font installed, browser support for the CSS {font-style: oblique;} declaration and the font family having an oblique font set to render. If these conditions are not met, the browser may render the text in italic or possibly normal, "Roman" style.

Screen shots

Q: Some of the font images are pretty poor quality!

A: These images are screen shots taken from Windows, Mac and Linux Web browsers. The quality of the images reflects the original quality of the font rendering on the relevant operating system, which can be quite pixellated at low scale, especially on Windows.

Q: How do I submit a Mac screen shot for the font survey?

A: Screen shots of less common Mac fonts are always welcome, especially the Mac OSX fonts, thank you. Please use a site feedback form to give advance notice that you will send an image and use zip compression if possible.

The screen shots for the Code Style font sampler are selected from the sampler page for the relevant font, just after the alphabet and numerals heading, to include the normal, bold and italic style text. Screen resolution should be set to 800 by 600 pixels resolution to maintain consistency with the other screen shots.

To take a screen shot, press Shift plus Apple plus the number 4 key. A cross-hair should appear on screen that you can drag out around the area to grab. When you let go, a new image called "Picture 1" (and 2, etc. in series) will be created at the root level of your hard disc in PICT format.

Q: How do I submit a Unix screen shot for the font survey?

A: Screen shots of Unix family fonts are always welcome, thank you. Please use the help request form below to give advance notice that you will send an image and use zip compression if possible.

The screen shots for the Code Style font sampler are selected from the sampler page for the relevant font, just after the alphabet and numerals heading, to include the normal, bold and italic style text. Screen resolution should be set to 800 by 600 pixels resolution to maintain consistency with the other screen shots.

Many Unix and Linux users will have GIMP installed and you can take a screen shot by selecting Acquire > Screenshot from the File menu.

Home · Web fonts · Font stacks · FAQs · Java · CSS · Javascript · HTML · Site manager