Skip to content

TechRepublic

  • Top Products Lists
  • AI
  • Developer
  • Payroll
  • Security
  • Project Management
  • TechRepublic Academy
  • Innovation
  • Cheat Sheets
  • Big Data
  • Tech Jobs
  • TechRepublic Premium
  • Top Products Lists
  • AI
  • Developer
  • Payroll
  • Security
  • Project Management
  • TechRepublic Academy
  • Innovation
  • Cheat Sheets
  • Big Data
  • Tech Jobs
  • See All Topics
  • Sponsored
  • Newsletters
  • Forums
  • Resource Library
TechRepublic Premium
Join / Sign In
Project Management

20 online topography tools for web designers

By Ryan Boudreaux140 March 31, 2011, 2:13 AM PDT

Image
1
of 19

20 online topography tools for web designers

abcTajpu 1.6.5 Firefox Plugin

abcTajpu 1.6.5 Firefox Plugin

ntWith this add-on, when you are typing in Firefox or Thunderbird, you can easily type accented words, international characters, or symbols, just by right-clicking for a context menu. You can also define your own hotkeys for frequently used characters or symbols.

20 online topography tools for web designers

Baseline Rhythm Calculator

Baseline Rhythm Calculator

ntBaseline Rhythm Calculator generates CSS from a base font size and line height in px entered by the user. Just type in the base font size and base line height, hit the u201ccalculateu201d button, and the whole page will change according to your input. When you are satisfied, grab the auto-generated CSS code.

20 online topography tools for web designers

Better CSS Font Stacks

Better CSS Font Stacks

ntThese are great font stacks for your CSS style sheets that you can download all-in-one in a 22 page PDF (13.1MB) document.

20 online topography tools for web designers

BitFontMaker

BitFontMaker

ntThis is an online bitmap font editor for both Windows and Mac that allows you to create bit-mapped fonts on the fly. Edit the baseline font then give it a name and copyright, then click the u201cCreate Fontu201d button and your *.ttf file is created.

20 online topography tools for web designers

Cool Text

Cool Text

ntCool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work.  Simply choose what kind of image you would like. Then fill out a form and you’ll have your own custom image created on the fly.

20 online topography tools for web designers

Copy Plain Text

Copy Plain Text

ntHave you ever copied something to or from Firefox, IE, or Office documents and been annoyed that the text formatting (bold, font size, etc) came with it? Don’t you wish you could just copy the text itself, without having to copy it, paste it into notepad, and then copy it again? This extension gives you an option to copy text without the formatting. You can even set it to trim extra space in and around the copied text

20 online topography tools for web designers

CSS Type Set, Letter Press for the Digital Age

CSS Type Set, Letter Press for the Digital Age

ntCSS Type Set allows you to visually and interactively style text and it generates the CSS. Create Your CSS style sheet online without knowing any coding. CSS Type Set is a hands-on typography tool that allows designers and developers to interactively test and learn how to style their Web content.

20 online topography tools for web designers

CSS Typeset Matrix and code generator

CSS Typeset Matrix and code generator

ntWeb-Typography Tool: CSS-Typeset Matrix and code generator is a matrix table that presents font sizes with both symmetrical and asymmetrical margins for various base font sizes — in pixel and em units. It also generates the source code on the fly, and is created by Jan Quickels.

20 online topography tools for web designers

CSSTXT : Creates A Style

CSSTXT : Creates A Style

ntCSS TXT is a style generator for text and advanced properties include sliding bars for styling. No need to know coding as it generates a CSS file.

20 online topography tools for web designers

CSSType – Web Safe Typography on Screen for Pixel Perfectionists

CSSType – Web Safe Typography on Screen for Pixel Perfectionists

ntCSSType lets you preview and modify text with this online application. It allows modifying text, font, color, size, background, word-spacing, padding, line height, text indent, lettering spacing, and text align. Finally you can get and generate CSS output for use.

20 online topography tools for web designers

Em based layouts - Vertical rhythm calculator

Em based layouts - Vertical rhythm calculator

ntThis tool converts pixel values to em values depending on the font size of the text. You can also set margins and paddings automatically, depending on the line height you’ve defined. Once installed on the PC it runs on Adobe AIR runtime, and both can be found on the web site.

20 online topography tools for web designers

EM Calculator

EM Calculator

ntEm Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.

20 online topography tools for web designers

Facelift Image Replacement (or FLIR, pronounced fleer)

Facelift Image Replacement (or FLIR, pronounced fleer)

ntFacelift Image Replacement (or FLIR, pronounced fleer) is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. The generated image will be automatically inserted into your web page via JavaScript and visible to all modern browsers.  The free download is available from the web site.

20 online topography tools for web designers

Flipping Typical

Flipping Typical

ntFlipping Typical allows you to enter text and then preview it in many different fonts at one time. Flipping typical is a way to explore the popular typefaces you have on your computer. If you want to see another font that’s not there u2013 just click the font name in the black bar at the top of the screen, type in the name of a font, it will become the main font and will be remembered. You can also change the sample text from u201cflipping typicalu201d to anything you wish, as I have done with the text u201cWeb topography.”

20 online topography tools for web designers

Font Burner

Font Burner

ntFont Burner is a website enhancement tool that makes it easy for you to add new fonts to your website. Its archive of fonts work universally in all browsers and on all computers. By adding a simple block of code to your web pages you can try out any of the hundreds of font at Font Burner.

20 online topography tools for web designers

Font Picker

Font Picker

ntThis simple tool shows you all the fonts installed on your computer and helps you choose which one is most suitable for a particular project,

20 online topography tools for web designers

Font Tester

Font Tester

ntFont Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages. To use it all you have to do is simply enter the text you would like to preview, modify the various CSS properties until you find a style you like, and then click on the u201cGet CSS Codeu201d button to generate all the necessary CSS code to reproduce those styles in your webpage.

20 online topography tools for web designers

Fontifier

Fontifier

ntFontifier lets you use your own handwriting for the text you write on your computer. It turns a scanned sample of your handwriting into a handwriting font that you can use in your word processor or graphics program.

20 online topography tools for web designers

Fontstruct

Fontstruct

ntFontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks. FontStruct is a free font-building tool by FontShop. Once you’re done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.

  • Project Management
  • Account Information

    Share with Your Friends

    20 online topography tools for web designers

    Your email has been sent

Share: 20 online topography tools for web designers
Image of Ryan Boudreaux140
By Ryan Boudreaux140
Thirteen years of web and graphic developer experience.
  • Account Information

    Contact Ryan Boudreaux140

    Your message has been sent

  • |
  • See all of Ryan's content

TechRepublic Premium

  • TechRepublic Premium

    Identity Theft Protection Policy

    Help protect your employees and customers from identity theft. This policy from TechRepublic Premium outlines precautions for reducing risk, signs to watch out for and steps to take if you suspect identity theft has occurred. While such misfortune may not be 100% preventable for everyone who follows these guidelines (since identity theft can still occur ...

    Published:  September 26, 2023, 4:00 PM EDT Modified:  September 27, 2023, 9:00 AM EDT Read More See more TechRepublic Premium articles
  • TechRepublic Premium

    Home Office Deduction Guide and Checklist

    There are rules about what qualifies as a home office, what qualifies as a deductible expense and what method should be used to calculate the deduction assuming those rules and qualifications are met. This guide, and the accompanying checklist, from TechRepublic Premium will help you navigate the twists and turns of those regulations to arrive ...

    Published:  September 26, 2023, 4:00 PM EDT Modified:  September 27, 2023, 9:00 AM EDT Read More See more TechRepublic Premium articles
  • TechRepublic Premium

    Quick Glossary: Malware

    Malware is an insidious infection that will steal productivity from your enterprise and potentially wreak havoc on your network. To prevent and counteract malware, it’s important to know the terminology surrounding it. This list of terms from TechRepublic Premium will help you grasp the vocabulary that describes malware and the technology that spawns it. From ...

    Published:  September 26, 2023, 4:00 PM EDT Modified:  September 27, 2023, 9:00 AM EDT Read More See more TechRepublic Premium articles
  • TechRepublic Premium

    Internet of Things Policy

    The Internet of Things continues making inroads in the business world, so organizations should have a defined IoT structure in place to ensure that data and operations are properly secured. This policy from TechRepublic Premium provides guidelines for the procurement, usage and administration of IoT devices, whether company provided or employee-owned. From the policy: Since ...

    Downloads
    Published:  September 26, 2023, 4:00 PM EDT Modified:  September 27, 2023, 9:00 AM EDT Read More See more TechRepublic Premium articles

Services

  • About Us
  • Newsletters
  • RSS Feeds
  • Site Map
  • Site Help & Feedback
  • FAQ
  • Advertise
  • Do Not Sell My Information
  • Careers

Explore

  • Downloads
  • TechRepublic Forums
  • Meet the Team
  • TechRepublic Academy
  • TechRepublic Premium
  • Resource Library
  • Photos
  • Videos
  • TechRepublic
  • TechRepublic on Twitter
  • TechRepublic on Facebook
  • TechRepublic on LinkedIn
  • TechRepublic on Flipboard
© 2023 TechnologyAdvice. All rights reserved.
  • Privacy Policy
  • Terms of Use
  • Property of TechnologyAdvice