20 more online tools for web designers
Image 1 of 19
HTML-Ipsum
ntThis website by Chris Coyier presents this useful feature of Ipsum text already in HTML tags. Just click on the titles to copy text to your clipboard. Html-Ipsum gives you the Latin text already in HTML tags, as unordered list, ordered list, or a definition list, just to name a few examples. Check out his CSS Tricks, another great resource.
Identifont
ntIdentifont lets you identify a typeface from a sample by answering a series of questions about key characteristics. Identifont is the largest independent directory of typefaces on the Internet. It provides a range of features to help you locate fonts or find information about fonts:
n
- nt
- nttFind fonts by appearance
- nttFind fonts by name
- nttFind fonts by similarity
- nttFind picture and symbol fonts
- nttFind designers and publishers
nt
nt
nt
nt
n
n
ntThe Identifont website is based on the Common Lisp Hypermedia Server, a Web server designed for advanced applications in AI and research, and developed at the Massachusetts Institute of Technology Artificial Intelligence Laboratory.
Lino Type Font Finder
ntIf you have a restricted set of letters, such as in a logo or heading, enter them into the font finder and you will be asked questions that can be answered from the letters you specified.
Lorem Ipsum
nt
ntt“Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…”
ntt”There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain…”n
n
ntThe paragraphs, words, bytes, or lists of Lorem Ipsum are available including mock banners in several colors and a range of banner sizes.
nt
Microsoft Clear Type Tuner
ntUse this online tuner to adjust your Windows XP ClearType settings for better readability. Please note that the online tuner does not currently work with Windows Vista.
Microsoft Typography
ntThis tool features a selected list of Microsoft products and fonts listed by family also has a list of core fonts for the web, and a clear type font collection.
PXtoEM
ntPXtoEM is a calculator that does conversions of pixels, ems, points, and percentages. Easily convert pixels to em to percent to points with this online tool.
STC FontBrowser
ntThis flash application will allow you to quickly preview the fonts active on your system.
Texster
ntThough it appears to be in Russian language, this tool is a very helpful font selector with options to modify the size, line height, letter spacing, word spacing, and text indent in em, px, pt or %. Options for color and background color also. Just grab the CSS when you have configured what you need.
The TTFTitles WordPress Plugin
ntThis WordPress plugin lets you use images to replace the titles of your posts, thus circumventing the problem of guessing what fonts your end-users might have installed.
Type Chart
ntTypechart lets you flip through, preview and compare web typography while retrieving the CSS:
n
- nt
- nttBrowse typographic styles.
- nttDownload CSS.
- nttCompare Windows (ClearType) rendering with Apple font rendering. Each style corresponds with a u201cstyle ID” which allows you to annotate prototypes and retrieve the CSS while coding.
nt
nt
n
Type Navigator
ntTypeNavigator is the world’s first interactive visual font search system. Select from the forms on the left that best describes the font you are looking for, and then pick other attributes by selecting the radio buttons that define the characteristics, and then click “Search.”
Type Tester
ntTypetester is an online application for comparison of the fonts for the screen. As the new fonts are bundled into operating systems, the list of the common fonts will be updated. Typetester’s code structure is XHTML, styled with the finest CSS and driven by the JavaScript for manipulating DOM structures. Typetester will not work without JavaScript enabled. Typetester is built by User Interface Studio.
typeface.js
ntInstead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Here’s what it takes to make it run: load the typeface.js library and some typeface.js fonts, then proceed like normal.
Typophile Forum
ntOne of the best typographic related forums, where you can find very useful information, ask your questions, and find experienced people in the same realm.
Typotheque Hi-Res FontTester
ntThis is a useful tool; however it is limited to only the fonts available to buy from the site. You can create a PDF file from the end results.
What The Font (My Fonts)
ntWhatTheFont allows you to scan in or provide the URL of a font and it will tell you what it is. Have you seen a font in use and want to know what it is? Submit an image to WhatTheFont to find the closest match in their database. Or, let cloak-draped font enthusiasts lend a hand in the WhatTheFont Forum.
Wordle
ntWordle is a fun online application for generating u201cword cloudsu201d from text or URL with RSS feed that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends.
Your Fonts
ntYourFonts.com is an online font generator that allows you to create your own OpenType fonts within a couple of minutes. Go make your own handwriting as a font!
n
ntDo you have any other tools that you would like to add to this list?
-
Account Information
Contact Ryan Boudreaux140
- |
- See all of Ryan's content