Code in Full - J. Albert Bowden II

  • Archive
  • RSS

Fontdeck Blog: Introducing a Body Text Tester

fontdeck:

Inspired by Jason Santa Maria’s terrific talk at last year’s Ampersand web typography conference*, our own Richard Rutter created a simple body text tester.

In his presentation, Jason talked about the art and science of choosing a typeface for body text. Part of his methodology is to…

    • #CSS Fonts
    • #Typography
    • #Toolkit
  • 4 months ago > fontdeck
  • 4
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

tinytype is a compatibility table showing the available default system fonts across different mobile platforms.
View Separately

tinytpe - mobile font compatibility table

tinytype is a compatibility table showing the available default system fonts across different mobile platforms.

    • #tinytype
    • #Mobile
    • #Fonts
    • #Typography
  • 5 months ago
  • 1
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+
The Characteristics of a Typeface (for widescreen displays) by arnoKath on Flickr.
Pop-upView Separately

The Characteristics of a Typeface (for widescreen displays) by arnoKath on Flickr.

    • #wallpaper
    • #typography
    • #typographie
    • #typografie
    • #typo
    • #typespecimen
    • #typeface
    • #typedesigner
    • #typedesign
    • #tipografia
    • #specimen
    • #slabserif
    • #slab
    • #serif
    • #retro
    • #poster
    • #pampatype
    • #oneletter
    • #oldbook
    • #metric
    • #lowercase
    • #logotype
    • #logo
    • #letters
    • #letterforms
    • #initial
    • #illustration
    • #handlettering
    • #grungy
    • #grunge
  • 7 months ago
  • 1
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Martian Wabbit Productions: JustVector Social Icons Font

seich:

I’ve been pretty bored lately, so I decided to redesign my site and found an awesome social icon set by Alex Peattie (http://www.alexpeattie.com) to go with the new design. The set is minimalistic and really cool! Unfortunately, I wasn’t as happy to work with it as I would have liked to…

    • #Just Vector Social Icons Font
    • #Icons
    • #Typography
    • #@font-face
    • #css3
  • 1 year ago > seich
  • 47
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Fontdeck Blog: Using OpenType font features with CSS 3: Part 1

fontdeck:

The vast majority of fonts contain lowercase and uppercase alphabets, numerals, punctuation and accents. But there can be much more to fonts than this basic set of characters. Many professionally-designed fonts also contain ligatures, alternative characters, smallcaps, different kinds of numbers,…

    • #CSS3
    • #Typography
    • #Fonts
    • #OpenType
  • 1 year ago > fontdeck
  • 193
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

hugeType is an experiment with found type on the iPhone. We invite you to tag and search letters from the community, and upload your creations..
View Separately

hugeType for the iPhone - because we love typography too

hugeType is an experiment with found type on the iPhone. We invite you to tag and search letters from the community, and upload your creations..

Source: hugetype.com

    • #hugeType
    • #Typography
    • #iOS
    • #iPhone
  • 1 year ago
  • 2
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

All-Encompassing Trip: Helvetica Neue Light

Some of my recent visitors might have noticed that the current version of this site uses Helvetica Neue Light1 for almost all the text, a look inspired by the beautiful pages of Panic’s products. As reference, here’s a screenshot of part of CandyBar’s website:

Partial screenshot of CandyBar's website.

Pretty, huh?…

    • #Helvetica Neue Light
    • #Helvetica Neue
    • #Helvetica
    • #Font Stacks
    • #Typography
    • #{font-family:}
    • #design
    • #User Experience
  • 1 year ago > guillee
  • 50
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+
decodering:

Secret Symphony: The Ultimate Guide to Readable Web Typography

At first glance, you might think that typography and math have nothing to do with one another. After all, typography consists of letters and words, and math is…well…numbers.
But the truth is, typography is a combination of artistic letterforms and mathematical proportions, an exquisite marriage of form and function.
When the mathematical proportions of your typography are harmonious, your site—and your content, specifically—look appealing to readers.
Pop-upView Separately

decodering:

Secret Symphony: The Ultimate Guide to Readable Web Typography

At first glance, you might think that typography and math have nothing to do with one another. After all, typography consists of letters and words, and math is…well…numbers.

But the truth is, typography is a combination of artistic letterforms and mathematical proportions, an exquisite marriage of form and function.

When the mathematical proportions of your typography are harmonious, your site—and your content, specifically—look appealing to readers.

    • #Readability
    • #Typography
    • #User Experience
    • #Design
    • #Rhythm
  • 1 year ago > decodering
  • 10
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

PT Sans is based on Russian sans serif types of the second part of the XX century, but at the same time has a very distinctive features of modern humanistic design. The family consists of 8 styles: 4 basic styles; 2 captions styles for small sizes and 2 narrows styles for economic setting.


PT Serif is a transitional serif face with humanistic terminals designed for use together with
PT Sans and harmonized with
PT Sans on metrics, proportions, weights and design.
PT Serif consists of six styles: regular and bold weights with corresponding italics form a standard computer font family for basic text setting; two caption styles (regular and italic) are for texts of small point sizes.

Designed by Alexandra Korolkova, Olga Umpeleva and Vladimir Yefimov. Released by ParaType in 2010.
View Separately

PT Sans | Paratype

PT Sans is based on Russian sans serif types of the second part of the XX century, but at the same time has a very distinctive features of modern humanistic design. The family consists of 8 styles: 4 basic styles; 2 captions styles for small sizes and 2 narrows styles for economic setting.

PT Serif Font | Paratype

PT Sans  | Paratype

PT Serif is a transitional serif face with humanistic terminals designed for use together with

PT Sans and harmonized with

PT Sans on metrics, proportions, weights and design.

PT Serif consists of six styles: regular and bold weights with corresponding italics form a standard computer font family for basic text setting; two caption styles (regular and italic) are for texts of small point sizes.

PT Serif  | Paratype

Designed by Alexandra Korolkova, Olga Umpeleva and Vladimir Yefimov. Released by ParaType in 2010.

Source: paratype.com

    • #Typography
    • #Design
    • #Open Source
    • #CSS
    • #@font-face
    • #PT Sans
    • #PT Serif
  • 1 year ago
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

The typeface with the working title »Edelsans« come into being with the idea to create a fashionable font which is, like Paul Renner’s Futura, really geometric. More over the typeface was planed to have only a light and a heavy weight to force an usage as display font. Orientated on Jakob Erbar’s Grotesk, the DTL Nobel and Christian Schwartz‹ Neutraface, the »Edelsans« characterize herself through less corners and more curves – obviously while having a look on the typefaces numerals.
Beside the ambition to design a geometric Grotesque, the »Edelsans« describes the attempt to generate a typeface completely digitally. Without hand-drawn sketches, the typeface is constructed by mono-lined vectors. Those were, of course, adjusted optically afterwards. Indeed the attempt to cover the vector with digital calligraphic brushes, shows how constrained a pure digital peace of work looks like.
»Edelsans« Characteristics
The proportions of the »Edelsans« are right inbetween those of the ancient Roman inscriptional capitals and modern ratio. As well the x-height, and the de– and ascender are inbetween both poles. Thus modernity and pragmatism accrues beside the typefaces luxury to be a little bit extensively.
»Edelsans« was designed as a noble geometric font for the screen, with few corners and mostly rounded glyphs. The typeface is not completely finished but is free for non-commercial use.
View Separately

»Edelsans«

The typeface with the working title »Edelsans« come into being with the idea to create a fashionable font which is, like Paul Renner’s Futura, really geometric. More over the typeface was planed to have only a light and a heavy weight to force an usage as display font. Orientated on Jakob Erbar’s Grotesk, the DTL Nobel and Christian Schwartz‹ Neutraface, the »Edelsans« characterize herself through less corners and more curves – obviously while having a look on the typefaces numerals.

Beside the ambition to design a geometric Grotesque, the »Edelsans« describes the attempt to generate a typeface completely digitally. Without hand-drawn sketches, the typeface is constructed by mono-lined vectors. Those were, of course, adjusted optically afterwards. Indeed the attempt to cover the vector with digital calligraphic brushes, shows how constrained a pure digital peace of work looks like.

»Edelsans« Characteristics

The proportions of the »Edelsans« are right inbetween those of the ancient Roman inscriptional capitals and modern ratio. As well the x-height, and the de– and ascender are inbetween both poles. Thus modernity and pragmatism accrues beside the typefaces luxury to be a little bit extensively.

»Edelsans« was designed as a noble geometric font for the screen, with few corners and mostly rounded glyphs. The typeface is not completely finished but is free for non-commercial use.

Source: 26plus-zeichen.de

    • #Typography
    • #Edel Sans
    • #Design
    • #CSS
    • #@font-face
    • #Open Source
  • 1 year ago
  • 1
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

With the release of Safari 3.1 for MacOS and Windows, Apple’s web browser now supports font embedding for websites. Now millions of web users can view websites the way they were intended to be. Safari 3.1 for Windows and Mac supports the embedding of sfnt fonts (TrueType, OpenType PS, OpenType TT) using the font-face declaration. Technically the fonts are not embedded in the website, but they are simply linked like an image file. Thus the fonts need to be stored on a public server. Since you cannot upload commercial fonts to a public webserver, you are limited to freeware fonts. fonts.info believes in the future of web fonts, so we decided to provide webdesigners with a set of high-quality web fonts supporting a wide range of character encodings.
Graublau Sans Web regular and bold were designed by Georg Seifert. Graublau Sans Web regular and bold are optimized for screen use and support a wide range of character encodings, for example ISO 8859-15 (Western), ISO 8859-2 (Central European), ISO 8859-3 (Turkish, Maltese and Esperanto), ISO 8859-4 (Baltic), ISO 8859-5 (Cyrillic), ISO 8859-7 (Greek) and ISO 8859-10 (Scandinavian).
Graublau Sans Web regular and bold may be embedded in any website free of charge. The new version now also works in Firefox 3.5 and supports ligatures and kerning.
View Separately

Graublau Sans Web

With the release of Safari 3.1 for MacOS and Windows, Apple’s web browser now supports font embedding for websites. Now millions of web users can view websites the way they were intended to be. Safari 3.1 for Windows and Mac supports the embedding of sfnt fonts (TrueType, OpenType PS, OpenType TT) using the font-face declaration. Technically the fonts are not embedded in the website, but they are simply linked like an image file. Thus the fonts need to be stored on a public server. Since you cannot upload commercial fonts to a public webserver, you are limited to freeware fonts. fonts.info believes in the future of web fonts, so we decided to provide webdesigners with a set of high-quality web fonts supporting a wide range of character encodings.

Graublau Sans Web regular and bold were designed by Georg Seifert. Graublau Sans Web regular and bold are optimized for screen use and support a wide range of character encodings, for example ISO 8859-15 (Western), ISO 8859-2 (Central European), ISO 8859-3 (Turkish, Maltese and Esperanto), ISO 8859-4 (Baltic), ISO 8859-5 (Cyrillic), ISO 8859-7 (Greek) and ISO 8859-10 (Scandinavian).

Graublau Sans Web regular and bold may be embedded in any website free of charge. The new version now also works in Firefox 3.5 and supports ligatures and kerning.

Graublau Sans Web

Source: fonts.info

    • #Typography
    • #@font-face
    • #CSS
    • #Design
    • #Grablau Sans Fonts
    • #Open Source
  • 1 year ago
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

TypoJungle is an online journal, reports on visual culture that showcases the best in typography, graphic design, books, exhibitions, minimalism and modernism every week.
Founded in early 2008 by the Pixel Jungle team now TypoJungle is mainteined by the designer Steve Buffoni.
View Separately

Screenshot of TypoJungle Typographic Journal

TypoJungle is an online journal, reports on visual culture that showcases the best in typography, graphic design, books, exhibitions, minimalism and modernism every week.

Founded in early 2008 by the Pixel Jungle team now TypoJungle is mainteined by the designer Steve Buffoni.

Source: typojungle.net

    • #TypoJungle
    • #Typography
    • #Minimalism
    • #Design
    • #Resources
  • 1 year ago
  • 9
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Ironic Sans offers up a definition for keming: the result of improper kerning.
You can also buy the keming T-shirt here
View Separately

Keming: the result of improper Kerning

Ironic Sans offers up a definition for keming: the result of improper kerning.

You can also buy the keming T-shirt here

Source: ironicsans.com

    • #Kerning
    • #Keming
    • #Typography
  • 1 year ago
  • 4
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+
Webfonts.info is a free information resource about webfonts and @font-face embedding. All texts and code samples on this site are provided under Creative Commons License. The project is maintained by Ralf Herrmann, founder of fonts.info, but everyone is invited to contribute to this site.
View Separately

Webfonts.info is a free information resource about webfonts and @font-face embedding. All texts and code samples on this site are provided under Creative Commons License. The project is maintained by Ralf Herrmann, founder of fonts.info, but everyone is invited to contribute to this site.

Webfonts.info - Webfonts and @font-face Embedding Resource

Source: webfonts.info

    • #webfonts
    • #css
    • #Typography
    • #@font-face
  • 1 year ago
  • 2
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+

Where Web Typography Goes Next is the talk given by Richard Rutter (aka @clagnut) at SXSW 2011 on the future of Web Typography. Simply put, this is an awesome presentation, going over browser differences, future problems, solutions and CSS3 Properties that will enable a more beautiful Web. Below are more screenshots of the presentation:

Go Read Where Web Typography Goes Next (pdf) Now!
Pop-upView Separately

CSS Font Linking from Where Web Typography Goes Next

Where Web Typography Goes Next is the talk given by Richard Rutter (aka @clagnut) at SXSW 2011 on the future of Web Typography. Simply put, this is an awesome presentation, going over browser differences, future problems, solutions and CSS3 Properties that will enable a more beautiful Web. Below are more screenshots of the presentation:

font-stretch CSS Value Properties Table from Where Web Typography Goes Next

Go Read Where Web Typography Goes Next (pdf) Now!

 from Where Web Typography Goes Next

Browser Support for Webfonts from Where Web Typography Goes Next

    • #Web Typography
    • #SXSW
    • #Clagnut
    • #Typography
    • #@font-face
    • #Font Linking
    • #CSS3
  • 1 year ago
  • 4
  • Permalink
Share

Short URL

TwitterFacebookPinterestGoogle+
Page 1 of 2
← Newer • Older →

About

http://bowdenweb.com/wp/

Twitter

loading tweets…

  • RSS
  • Random
  • Archive
  • Mobile
Effector Theme by Pixel Union