Useful Typography and Font Tools | Bypeople

deals

premiumpacks & useful typography and font tools (31 items)

A growing collection of mixed typographic tools and resources brought to you from all around the web.

freebies

This is a modular responsive SVG font that allows you to customize the size, color fill, stroke, position and more, with just a few changes in your...

This is a modular responsive SVG font that allows you to customize the size, color fill, stroke, position and more, with just a few changes in your CSS and with no use of JavaScript at all. It contains 93 glyphs with infinite scalability properties and compatible to work with any font and with any framework. Designed by Ana Estrada, free for personal and commercial use.

Flexible and easy-to-use web typography starter kit. Styles can be made by setting base type size, line-height (leading) and measure (max-width). I...

Flexible and easy-to-use web typography starter kit. Styles can be made by setting base type size, line-height (leading) and measure (max-width). It is built with Sass and Grunt; fork or download the repository to get started. Gutenberg sets the baseline grid to establish a proper vertical rhythm and makes sure all elements fit into it. Handcrafted by Matej Latin, licensed under Creative Commons 3.0.

If you get it right, typography can be incredibly powerful. Take the mystery out of font selection with this step by step guide from Google Fonts!

If you get it right, typography can be incredibly powerful. Take the mystery out of font selection with this step by step guide from Google Fonts!

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

FontForge is a free (libre) font editor for Windows, Mac OS X, and GNU+Linux. Use it to create, edit and convert fonts in OpenType, TrueType, UFO, ...

FontForge is a free (libre) font editor for Windows, Mac OS X, and GNU+Linux. Use it to create, edit and convert fonts in OpenType, TrueType, UFO, CID-keyed, Multiple Master, and many other formats.

This brief Typography Crash Course, written by Denise Bosler, contains six short lessons to learn from and improve your knowledge of typographic de...

This brief Typography Crash Course, written by Denise Bosler, contains six short lessons to learn from and improve your knowledge of typographic design, which you can study quick and easy in just a few minutes.

In 5 Tactics for Motion Typography, an excerpt from Type Idea Index written by Jim Krause, a compelling typography tutorial is offered, incorporati...

In 5 Tactics for Motion Typography, an excerpt from Type Idea Index written by Jim Krause, a compelling typography tutorial is offered, incorporating energy into communication design. Krause introduces important typography terms and information on print and web typography options.

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century ...

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century Touch. File Formats Ai and EPS, Get This Pack For Just $29! (58% Off)

A great resource for reference and learning, this is useful handbook created to help you learn the broadest classifications of typefaces. These are...

A great resource for reference and learning, this is useful handbook created to help you learn the broadest classifications of typefaces. These are the basic foundations of what you need to learn about typography, essential for any designer or aspiring designer. Includes a brief history as well as the key characteristics of each classification, plus it looks great on print!

A great online resource to improve font pairings on your websites, Baseline Type provides HTML and CSS that you can add to your site's tag and sty...

A great online resource to improve font pairings on your websites, Baseline Type provides HTML and CSS that you can add to your site's tag and stylesheet for quick and easy implementation. You can find Serif / Sans-Serif, Serif / Serif, Sans-Serif / Serif, and Sans-Serif / Sans-Serif pairings with a wide array of variations and designs.

Published by Lou Levit, this is a superb collection of 50 Google Fonts mixed and matched with eachother, the fonts were hand picked to provide visu...

Published by Lou Levit, this is a superb collection of 50 Google Fonts mixed and matched with eachother, the fonts were hand picked to provide visually compelling pairings, intended as a resource for reference in personal and professional graphic projects, and a much appreciated time saver as well.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.

The goal of Fontjoy is making the process of finding fonts that match with each other in a visually appealing way easier than ever. Features 3 fiel...

The goal of Fontjoy is making the process of finding fonts that match with each other in a visually appealing way easier than ever. Features 3 fields where you can input text and choose fonts to test, or simply use the slider to control the level of contrast between the fonts that, after clicking the Generate button, will be selected at random.

This utility created by CodePen user Mert Nerukuc is an interesting snippet with the purpose of generating random font combinations with samples ta...

This utility created by CodePen user Mert Nerukuc is an interesting snippet with the purpose of generating random font combinations with samples taken from google fonts. Simply choose a Heading and a Body font category ranging from Serif, Sans-Serif, Monospace, Handwriting or Display. Built with Vue.js, it's designed to be adaptable and easily integrated into projects that use other JavaScript Libraries.

Archetype is an online font previewing tool that lets designers easily create consistent typography styling and spacing for creative digital projec...

Archetype is an online font previewing tool that lets designers easily create consistent typography styling and spacing for creative digital projects live, inside the browser. These styles are all underpinned by tried and tested best typographic practices such as modular scale and baseline grids.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

StockJo is a huge collection of resources for design. Here you can find anything from photography and video to tutorials and templates. It is organ...

StockJo is a huge collection of resources for design. Here you can find anything from photography and video to tutorials and templates. It is organized into categories to make navigation easier.

A fantastic well-illustrated glossary of terms which was expertly compiled to give readers a deeper understanding of the beautiful world of fonts a...

A fantastic well-illustrated glossary of terms which was expertly compiled to give readers a deeper understanding of the beautiful world of fonts and typography, including some beautiful illustrations to make learning typography more fun and creative.

Kern Type is a game aimed towards both testing and helping to learn the fundamentals of letter-spacing, moving the letters by dragging them with th...

Kern Type is a game aimed towards both testing and helping to learn the fundamentals of letter-spacing, moving the letters by dragging them with the pointer or using the arrow keys. You can compare your solution against a typographer's solution.

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bund...

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bundle could be priced up to $380, get it only $14! Limited-time promo.

Typebase is a customizable typography stylesheet that integrates both Less and Sass so it can easily be modified and merged into modern web projects.

Typebase is a customizable typography stylesheet that integrates both Less and Sass so it can easily be modified and merged into modern web projects.

A tutorial that provides you with 26 very useful tips in regards to digital typography editorial mainly focused for beginners in this field.

A tutorial that provides you with 26 very useful tips in regards to digital typography editorial mainly focused for beginners in this field.

A bookmarklet that will scan the CSS of the page in order to identify existing web fonts. To use it, just add the bookmarklet to your browser tab, ...

A bookmarklet that will scan the CSS of the page in order to identify existing web fonts. To use it, just add the bookmarklet to your browser tab, go to the page you want to test and click on it. It clones the page and provides a tool where you can test and analyze different fallback font choices.

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placehol...

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placeholders, Vector Shape Elements, Scalable World & USA State Maps, Infographics, Tons of Content More! Only 19$ (92% Off)

A typography boilerplate that allows you select, modify and improve selected typographic styles for minimal websites and digital projects. These st...

A typography boilerplate that allows you select, modify and improve selected typographic styles for minimal websites and digital projects. These styles are inspired in traditional typographic design. Among the styles to choose you can find openings, capital letters, select bolds, italics, linked and coded settings, modify the headings and more. It was created by Mike Mai.

Gridlover is an online tool to help you establish the perfect grid to adequate the text on a website or app. It takes care of the font sizes, line ...

Gridlover is an online tool to help you establish the perfect grid to adequate the text on a website or app. It takes care of the font sizes, line heights and margins, manages HTML tags like body, p and h1 - h4 headings, and you can apply different values to different elements. This is a free tool and you can then download the results.

jQuery Blinker is a simple plugin to make your links flicker. It can be arranged to perform in 4 different ways (and even more with a bit of creati...

jQuery Blinker is a simple plugin to make your links flicker. It can be arranged to perform in 4 different ways (and even more with a bit of creativity), such as:- Without options- Steady blinking- Blinking frenzy- Stopping and resuming blinking

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick desi...

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick designs with tons of mojo, only 19$ (93% Off)

Edit fonts by type, color, spacing height, and many others, and grab the CSS.

Edit fonts by type, color, spacing height, and many others, and grab the CSS.

The Bug typeface is friendly and strong, perfect to be used in kid's books or advertising. It looks beautiful when used in short words, but in larg...

The Bug typeface is friendly and strong, perfect to be used in kid's books or advertising. It looks beautiful when used in short words, but in larger ones, readers might experience some readability issues. It is inspired on big shapes without losing the primary goal of the font; that is to keep it minimal while being readable. It was created by Emilio Correa.

Web Typography for the Lonely aims to excite designers about the possibilities of cutting-edge web standards and javascript through beautiful and i...

Web Typography for the Lonely aims to excite designers about the possibilities of cutting-edge web standards and javascript through beautiful and inspiring typographic explorations.

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairst...

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairstyles, And Much More! Endless Combinations, Only $19! (34% Off)

In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be ...

In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.

Entypo+ is a set of 400+ carefully crafted pictograms. This is the third version of this set and it only consists now of SVG, no PSD or font files,...

Entypo+ is a set of 400+ carefully crafted pictograms. This is the third version of this set and it only consists now of SVG, no PSD or font files, though it's suggested to use resources as Fontello to create fonts. The pictograms were created by Daniel Bruce and they're are licensed under Creative Commons BY-SA 4.0 and the font under SIL Open Font License.

Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give y...

Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control.

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Ne...

Ultimate Tech Training Bundle: Lifetime Subscription for $19! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Networking, e-Commerce, Design, Data, IT Certifications, and much more! (98% Off)

Using the CSS3 mask-image property to create a striped text-shadow (Webki...

Using the CSS3 mask-image property to create a striped text-shadow (Webkit-only).

​Use Typecast to create visual and semantic designs. This online tool allows you to arrange the texts of any website, modify the typeface, weight, ...

​Use Typecast to create visual and semantic designs. This online tool allows you to arrange the texts of any website, modify the typeface, weight, color, size, spacing and more. You can also create various instances of the same page; for instance, you can set up different configurations for different screen resolutions.

This guide will help you understand the typographic foundations that will improve the readability of your articles.

This guide will help you understand the typographic foundations that will improve the readability of your articles.

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use ...

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use License.

A simple plugin for CSS3 text animations. Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animatio...

A simple plugin for CSS3 text animations. Textillate.js combines some awesome libraries to provide an ease-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unqiue effects.