What are "Screen Fonts" or "Pixel Fonts" and how do they differ from other fonts? — OZONE Asylum, home of the Mad Scientists

FAQ

What are "Screen Fonts" or "Pixel Fonts" and how do they differ from other fonts?

This page's ID: 4941

You are editing "What are "Screen Fonts" or "Pixel Fonts" and how do they differ from other fonts?"

Who can edit an FAQ?	Anyone registered may edit an FAQ.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[b]SCREEN FONTS & PIXEL FONTS[/b] by [internallink=4803]Dracusis[/internallink] Screen and Pixel fonts are both font types specifically designed to maximise and enhance readability on your computer screen. Lets face it, computer screens or monitors aren't the best devices for displaying clean clear and legible type, especially at small point sizes. This is where screen and pixel fonts shine. Because these fonts are designed for screen viewing the rest of this FAQ will assume you will be using these fonts for the web or similar mediums... _________________ [b]Screen Fonts:[/b] Screen fonts are your average True-Type fonts (TTF) designed with screen readability in mind. They come in your standard True Type Font format (TTF) yet they render well in small sizes on screen. To understand this we need to look at why other fonts render badly or unclearly in on screen, again especially in small point sizes. 98% of fonts today are True-Type fonts. This means the fonts are descried in a vector format (vector = using math to define an object or shape). This gives a font the ability to be rendered at any size without loosing it's crisp clean edges. Although because these shapes are described in a mathematical format rendering them at small sizes all to often produces unclear and illegible type. Chances are you already have a few screen fonts installed on your computer. The text your currently reading uses the screen font, Verdana, which roughly 98% of todayÂ’s web browsing public have installed on their computers. However, just because these fonts were designed for screen readability in mind does not mean you can't use them from printed work. They are TTF's after all so they will scale and print crisply and clearly. Microsoft have a collection of screen fonts that ship with Windows 98 onwards and with new versions of their Internet Explorer browser and Office programs. Not sure weather or not you have them? You can download them from here: [url=http://www.microsoft.com/typography/fontpack/default.htm?fname=%20&fsize=][b]Microsoft:[/b] TrueType core fonts for the Web [/url] Although not all of these fonts will be installed on Apple Macs but most of them should be. Yet if you want to play it completely safe there are only two to choose from. Verdana and Georgia. If you want to read up on why the these fonts are a good pick for screen readability then you should read through [url=http://www.webreview.com/1997/11_07/webauthors/11_07_97_7.shtml]this[/url], an article written by By Daniel Will-Harris over at [url=http://www.webreview.com]webreview.com[/url], about the Verdana and Georgia screen fonts. _________________ [b]Pixel Fonts[/b] Pixel fonts and Screen fonts often get confused as both are designed for screen readability. In fact, the terms [i]Pixel Font[/i] and [i]Screen Font[/i] are not really official types of fonts. A The term [i]Screen font[/i] is a name given to a font that has good hinting and usually has a large x-height. Most Pixel fonts are also TTF's but some of them they are Bitmapped fonts, also known as system fonts by Windows users. Although many Pixel fonts are TTF's they only display will at certain point sizes. Pixel fonts are not standard fonts on many systems so they are often rendered in bitmapped format and displayed on screen as an Image file of some kind or used in applications that support font embedding like Flash. The primary use of Pixel fonts is for small graphical navigation structures and in flash movies. Flash has a nasty tendency to anti-alias fonts no matter what the point size is. This often causes fonts render blurry and unreadable, and no one wants an Underdale web site. [url=][b]Web Page Design for Designers[/b][/url] has a couple of great articles about pixel fonts, you may want to read through: [small]- [url=http://www.wpdfd.com/wpdtypo3a.htm]Pixel Fonts Article 1[/url] - [url=http://www.wpdfd.com/pixelfonts.htm]Pixel Fonts Article 2[/url][/small] [b]Here's a list of the more popular Pixel Fonts:[/b] [small]- [url=http://web.0sil8.com/episodes/silkscreen/]Silkscreen[/url] - [url=http://www.dsg4.com/04/extra/index.html]Bitmap Font[/url] - [url=http://www.miniml.com/]minimil[/url] - [url=http://www.tryptych.net/asylum/tinyfonts.zip]Small Fonts .ZIP[/url] - Special thanks to Weadah - [url=http://www.minefields.org/v2/fonts.php]Minefields: Collection of various Pixel Fonts[/url][/small] - [url=http://mahjqa.com/random/vayamenda.zip]Mahjqa's Vayamenda font[/url] - Special thanks to Mahjqa Photoshop also comes with some Pixel fonts called "Photoshop Large" and "Photoshop Small" or "ADMUI3Lg" and "ADMUI3Sm" respectively. These particular fonts are use by Photoshop to render the text on about 90% of the PS interface. _________________ [b]Related Links:[/b] [small] - [url=http://www.microsoft.com/typography/fontpack/default.htm?fname=%20&fsize=][b]Microsoft:[/b] TrueType core fonts for the Web [/url] - Free screen fonts for download - [url=http://studio.adobe.com/explore/features/twofonts/main.html][b]Adobe Studio:[/b] Fonts: A tale of two systems[/url] - The difference between fonts on Macs & Windows Computers - [url=http://www.minefields.org/v2/fonts.php][b]Minefields:[/b] Collection of various Pixel Fonts[/url] - Links - [url=http://www.websitetips.com/fonts/pixelfonts.shtml][b]Website Tips:[/b] Pixel Fonts[/url] - Links - [url=http://www.wpdfd.com/wpdtypo.htm][b]Web Page Design for Designers:[/b] Typography[/url] - All round good read. - [url=http://www.piregwan.com/ressources/ressources_screenfonts.php][b]piregwan.com:[/b] screenfonts[/url] - fantastic spot to grab a pantload of pixel fonts - [url=http://links.gfx-forum.de/fonts.php][b]gfx-forum:[/b] fontlinks[/url] [/small] _________________ [b]Related FAQs:[/b] [small] - [internallink=4639]I'm looking for Sci-Fi, Horror, Movie, etc. fonts can you help?[/internallink] - [internallink=4641]Do you know any good resources for free fonts?[/internallink] - [internallink=4964]What kind of fonts can or should I use in my website?[/internallink] [/small] _________________ Relevant notes: At the time of writing this FAQ was number 5 at Google for the terms [url=http://www.google.com/search?q=screen+fonts]screen, fonts[/url] and number 19 for the terms [url=http://www.google.com/search?q=pixel+fonts&start=10]pixel, fonts[/url] and 17 for the phrase [url=http://www.google.com/search?q=%22pixel+fonts%22&start=10]"pixel fonts"[/url]. ________________________________ [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Dracusis]Dracusis [/url] on Wed 22-May-2002)[/i][/small] [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Thu 23-May-2002)[/i][/small] [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=tyron]tyron [/url] on Mon 22-Jul-2002)[/i][/small] [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Wed 02-Oct-2002)[/i][/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Back to What are "Screen Fonts" or "Pixel Fonts" and how do they differ from other fonts?

Admin
Preserve
Manage

Advanced Search
Quick Changes
RSS Changes
Member List
Your profile
Admin Log

- Copyright ©1994-2024 by Doctor Thaddeus Ozone, all rights reserved. -
- Grail copyright ©2000-2024 by Tyberius Prime, all rights reserved. -

Debug: This page needed 0.00248218 seconds to process.

Show Forum Drop Down Menu

Maximum Security
OZONE
DHTML/Javascript
Server-Side Scripting - Oh my!
CSS - DOM - XHTML - XML - XSL - XSLT
Stupid Basic HTML
Visual Therapy
Photoshop
Photoshop Pong, Anyone?
*WARNING* BIG SIG APPROACHING
Photography
3D Modelling & Rendering
Multimedia/Animation
Print Graphics
Holding Pens
Philosophy and other Silliness
Outpatient Counseling
Site reviews!
Mad Scientists' Laboratory
Getting to know the Grail