souvenir
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
19 results tagged typography  ✕   ✕
metaflop http://www.metaflop.com/
18/11/2015 cluster icon
  • FontStruct : Build, Share, Download Fonts
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • Kernest : Web Fonts. Delivered
  • YAML Builder : A tool for visual layout development of YAML based CSS layouts
  • Drawter.com : DrawAble Markup Language

Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within the given parameters and generate a large range of font families with very little effort.

web font generator tool online typography
FlowType.JS http://simplefocus.com/flowtype
24/10/2013 cluster icon
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.
  • Cufón : Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.
  • Onsen : Open source HTML5 hybrid app framework for PhoneGap & Cordova Mobile-optimized HTML5, CSS and JavaScript with Web components Responsive layout, Materi...
  • hyphenator - Project Hosting on Google Code :
  • sIFR : sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users h...
thumbnail

Web typography at its finest: font-size and line-height based on element width.

typography javascript responsive
Lost Type Co-op http://losttype.com
01/08/2011 cluster icon
  • Typetester : Compare fonts for the screen
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • Font Squirrel : Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-...
  • Webfonts.info : Webfonts.info is the dedicated source for ideas, inspiration, technical know how and anything to do with type on the web.

The Lost Type Co-Op is a Pay-What-You-Want Type foundry, the first of its kind.

font design typography
Fontdeck http://fontdeck.com
31/12/2010 cluster icon
  • Font Squirrel : Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-...
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • Kernest : Web Fonts. Delivered
  • Typetester : Compare fonts for the screen
  • Type-a-file : Below you’ll find some text marked up with the core elements of Type-a-file. View the source code to find out how to use them on your own site. This e...

Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.

@font-face font typography css
Type-a-file http://type-a-file.com
26/11/2010 cluster icon
  • Kernest : Web Fonts. Delivered
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • Webfonts.info : Webfonts.info is the dedicated source for ideas, inspiration, technical know how and anything to do with type on the web.
  • Diagnostic.css : Diagnostic.css is a stylesheet which allows the user to test for common errors in a page's markup. Also : https://github.com/karlgroves/diagnostic.css

Below you’ll find some text marked up with the core elements of Type-a-file. View the source code to find out how to use them on your own site. This element, for example is called a “kicker.” It’s paragraph text that introduces the rest of the text. It’s useful for outlining your topic & looks killer. Just create a div with class=“kicker” and throw some paragraphs into it. Blammo!

web typography css @font-face
hyphenator - Project Hosting on Google Code http://code.google.com/p/hyphenator
07/09/2010 cluster icon
  • InstantClick : InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases.
  • loglevel : Minimal lightweight logging for JavaScript, adding reliable log level methods to wrap any available console.log methods
  • darken : Easy control over your dark mode in a web environment
  • EnhanceJS : EnhanceJS is a new Javascript framework designed to improve the application of Progressive Enhancement by first testing browser capabilities for key J...
  • Intern : Intern is a complete test system for JavaScript designed to help you write and run consistent, high-quality test cases for your JavaScript libraries a...
javascript typography library
Kernest http://kernest.com
08/06/2010 cluster icon
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • FontStruct : Build, Share, Download Fonts
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...
  • Webfonts.info : Webfonts.info is the dedicated source for ideas, inspiration, technical know how and anything to do with type on the web.

Web Fonts. Delivered

web font typography @font-face
Typekit http://typekit.com
08/01/2010 cluster icon
  • FontStruct : Build, Share, Download Fonts
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...
  • Kernest : Web Fonts. Delivered
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • Font Squirrel : Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-...
thumbnail

Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !

web tool font typography @font-face
The League of Moveable Type http://www.theleagueofmoveabletype.com
30/09/2009 cluster icon
  • Webfonts.info : Webfonts.info is the dedicated source for ideas, inspiration, technical know how and anything to do with type on the web.
  • Feather : Feather is a collection of simple open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability...
  • Cufón : Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.
  • Kernest : Web Fonts. Delivered
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...

The Open-Source Type Movement

font opensource typography
Cufón https://github.com/sorccu/cufon
23/09/2009 cluster icon
  • Typetester : Compare fonts for the screen
  • sIFR : sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users h...
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • enquire.js : A lightweight, pure JavaScript library for responding to CSS media queries.
  • emotion : emotion is a high performance, lightweight css-in-js library that supports both string and object based styles.
thumbnail

Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.

font javascript typography css
Baseline http://baselinecss.com
31/08/2009 cluster icon
  • YAML : A modular CSS framework for truly flexible, accessible and responsive websites
  • InK - Interface Kit : Ink is a set of tools for quick development of web interfaces.
  • Spectre.css : Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your...
  • Foundation : An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.
  • Typetester : Compare fonts for the screen
thumbnail

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.

framework grid typography css
Font Squirrel http://www.fontsquirrel.com
25/05/2009 cluster icon
  • DaFont : Free font directory
  • Kernest : Web Fonts. Delivered
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • I Love Typography : I Love Typography, devoted to fonts, typefaces and all things typographical.
thumbnail

Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format.

download @font-face font typography free
Typetester http://www.typetester.org
20/02/2009 cluster icon
  • The Elements of Typographic Style Applied to the Web : a practical guide to web typography
  • I Love Typography : I Love Typography, devoted to fonts, typefaces and all things typographical.
  • Email Standards Project : The Email Standards Project is about working with email client developers and the design community to improve web standards support and accessibility ...
  • Cufón : Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.
  • Lost Type Co-op : The Lost Type Co-Op is a Pay-What-You-Want Type foundry, the first of its kind.
thumbnail

Compare fonts for the screen

font design reference css typography
Dummy Text Generator https://www.blindtextgenerator.com/
04/02/2009 cluster icon
  • FontStruct : Build, Share, Download Fonts
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...
  • Wordle : Wordle is a toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in th...
  • jsPDF : A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it!
  • ColoRotate : Color palette generation tool

This handy tool helps you create dummy text for all your layout needs.

loremipsum generator typography
Webfonts.info http://webfonts.info/
08/01/2009 cluster icon
  • FontStruct : Build, Share, Download Fonts
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • Kernest : Web Fonts. Delivered
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...
  • Type-a-file : Below you’ll find some text marked up with the core elements of Type-a-file. View the source code to find out how to use them on your own site. This e...

Webfonts.info is the dedicated source for ideas, inspiration, technical know how and anything to do with type on the web.

wiki web font typography
FontStruct http://fontstruct.fontshop.com
17/11/2008 cluster icon
  • metaflop : Metaflop is an easy to use web application for modulating your own fonts. Metaflop uses Metafont, which allows you to easily customize a font within t...
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • Webfonts.info : Webfonts.info is the dedicated source for ideas, inspiration, technical know how and anything to do with type on the web.
  • Kernest : Web Fonts. Delivered
  • IcoMoon : IcoMoon is an icon solution, providing three main services: Vector Icon Packs, The IcoMoon App, and an Icon Delivery Network.

Build, Share, Download Fonts

web tool font typography generator
I Love Typography http://ilovetypography.com
19/09/2008 cluster icon
  • Typetester : Compare fonts for the screen
  • Kernest : Web Fonts. Delivered
  • sIFR : sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users h...
  • Font Squirrel : Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-...
  • The League of Moveable Type : The Open-Source Type Movement

I Love Typography, devoted to fonts, typefaces and all things typographical.

font typography reference
Wordle http://wordle.net
17/06/2008 cluster icon
  • colr.org : Play with colors and color schemes!
  • FontStruct : Build, Share, Download Fonts
  • Lost Type Co-op : The Lost Type Co-Op is a Pay-What-You-Want Type foundry, the first of its kind.
  • Dummy Text Generator : This handy tool helps you create dummy text for all your layout needs.
  • Typetester : Compare fonts for the screen

Wordle is a toy for generating “word clouds” from text 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 your own desktop to use as you wish.

design typography generator tags
sIFR http://www.mikeindustries.com/sifr
16/09/2007 cluster icon
  • Cufón : Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.
  • Typekit : Ajoutez une ligne de code à vos pages et faites votre choix parmi des centaines de polices Web. Simple, robuste, standard, accessible et 100 % légal !
  • Typetester : Compare fonts for the screen
  • Fontdeck : Fontdeck is standards compliant, accessible and uses a pure CSS @font-face solution. No JavaScript required.
  • FontStruct : Build, Share, Download Fonts

sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash

flash font typography javascript
1642 links
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn