Git Product home page Git Product logo

font-testing-page's Introduction

Font Testing Page

This is a fork of https://github.com/impallari/Font-Testing-Page

###Differences in this fork:

  • Text is multi-line instead of single line in previews
  • Text is 100% screen width instead of 960px
  • AdobeBlank or BMP Unicode Backup fonts are available
  • Minor changes such as larger fonts drag input box and larger font toggle buttons at the top
  • Latin-1: New 'Spacing' color page and a 'Quotes' page (from Vernon Adams)
  • Latin-2: 'Ruder' grid has a font-size slider, 'Diacritics' pages have a capitalisation toggle
  • Devanagari: Includes table of biconsonantal conjuncts and sample text from Lohit sources

From the original README.MD

The Font Testing Page is a tool primarily intended for type designers and independent foundries to 'Drag and Drop' their work in progress into a browser. It can also be used by art directors, graphic designers, teachers and students interested in seeing how a typeface works on the web.

There is a short video demonstrating this tool, http://vimeo.com/40296571

Operation is simple:

  • Drag the font you want to try to the upper area of the Testing Page
  • Add more fonts and you'll see their file names and file sizes as buttons

Below the drop area you see some buttons to select different layouts:

  • Headlines: Displays examples: 72, 60, 48, 36 and 30 to 12.
  • Text: Displays text blocks, from 20 to 10.
  • Adhesion: Shows examples using only 'adhesion' text. Intended for the early stages on a typeface design.
  • Hamburgefonstiv Examples using 'Hamburgefonstiv' text.
  • Lowercase only: Displays examples of 72, 60, 48, 36, 30, 24, 18 and 16 to 10.
  • Caps: Displays examples of words in Sentence Case at 60.
  • All Caps: Displays examples of words in All-Caps at 60.
  • Layout: Displays examples of Headline, Subhead and Body text.
  • Kern: Displays examples of combinations of letters and miscellaneous signs.
  • Latin: Diacritics for 103 Latin languages, pangrams and text samples.
  • Non-Latin: Examples in arabic, armenian, greek, hebrew and +10 Non-Latin languages
  • Hinting: Basic Char-set at different sizes to check for hinting problems

Notes:

  • Requires Firefox or Chrome
  • 100% safe: Your fonts are only stored in your own browser (using localStorage) and nothing gets uploaded to any server

Thanks

License

Code is available under the MIT License, see LICENSE.md for full details

Page text is available under the Creative Commons Attribution-ShareAlike v3.0 License

font-testing-page's People

Contributors

davelab6 avatar fzembow avatar impallari avatar troush avatar weiweihuanghuang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.