ohskylab + typography 116
font dragr | Drag and drop font testing
february 2012 by ohskylab
Test custom fonts in the browser.
web
css
fonts
testing
typography
february 2012 by ohskylab
Font-Embedding Icons
october 2011 by ohskylab
Not entirely convinced. See related HN discussion.
css
typography
web
fonts
icons
from instapaper
october 2011 by ohskylab
The Webfont Revolution Is Over, Let the Evolution Begin | Typographica
november 2010 by ohskylab
"What we can do is push the evolution of font makers and services. Next time you’re shopping for type, don’t just look for your favorite face as a webfont. Ask for more"...
fonts
readability
typography
css
web
woff
design
november 2010 by ohskylab
Web Designer Notebook » The Little Known font-size-adjust CSS3 Property
november 2010 by ohskylab
Firefox only at present. "Ever wanted to use fallback fonts on your CSS with different aspect ratios without them looking huge (or tiny)? The sparkling new CSS3 font-size-adjust property could do just that, maybe."
css
css3
web
typography
@font-face
november 2010 by ohskylab
Web Font Specimen
april 2010 by ohskylab
"Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects."
via:smitchio
alistapart
css
css3
font-face
tools
typography
web
fonts
testing
april 2010 by ohskylab
The problem with @font-face « Tech Talk
march 2010 by ohskylab
Reasonable arguments against the current state of @font-face. "I want sIFR to die as much as the next person but I’m still too apprehensive to use @font-face embedding in my projects. Without being able to present a simple, open, self-hosted path on how to include custom fonts on a site, I can’t see clients signing-off."
fonts
font-face
web
typography
via:paul.irish
march 2010 by ohskylab
Candy by James | CSS3 @font-face browser support table
february 2010 by ohskylab
"It’s time for a CSS3 @font-face browser support table. One that documents specifically how browsers act when either the whole font family is specified (regular, italic, bold, bold-italic & small-caps) or only the regular version of the font is specified."
via:paul.irish
css
typography
fonts
css3
web
february 2010 by ohskylab
Web FontFonts (FF Release 52) | Blog | FontShop
february 2010 by ohskylab
"More than 30 of the most successful FontFont families are now available as Web FontFonts®, including FF DIN®, FF Meta®, FF Dax®, and FF Kievit®."
web
typography
fonts
font-face
typekit
fontshop
february 2010 by ohskylab
Revised Font Stack | A Way Back
february 2010 by ohskylab
"These font-stacks are created after considering the font-share percentage on both Mac and Windows platforms and then checked in browser for x-height and other issues (like: readability)."
web
design
typography
fonts
via:tomtaylor
february 2010 by ohskylab
Slammer - Designer's Geometry Box
december 2009 by ohskylab
"Gives you any grid you want, anywhere you want: Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Thats not all, Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots".
web
design
tools
mac
osx
typography
grids
december 2009 by ohskylab
Soma FontFriend • Soma Design
december 2009 by ohskylab
"A bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages."
via:twoplusfour
web
tools
typography
fonts
bookmarklet
december 2009 by ohskylab
The League of Moveable Type
november 2009 by ohskylab
"only the most well-made, free & open-source, @font-face ready fonts."
web
typography
css
creativecommons
font-face
opensource
november 2009 by ohskylab
Web Fonts: Custom fonts using @font-face
october 2009 by ohskylab
Hosted @font-face. For cash, of course.
font-face
web
design
typography
fonts
october 2009 by ohskylab
High Performance Web Sites :: @font-face and performance
october 2009 by ohskylab
Ouch. "My first piece of advice is to avoid using @font-face unless it’s critical to the page. The primary reason for this advice is that font files block rendering of the entire page in IE until they’re done downloading. Stylesheets also have this problem. But stylesheets provide styling for all aspects of the entire page, whereas font files only add one thing - a custom font."
web
hpw
performance
font-face
fonts
css
css3
typography
october 2009 by ohskylab
BoingBoing s Redesign Uncovers the Dark Side of Web Fonts - Webmonkey
october 2009 by ohskylab
"Far from delivering the look BoingBoing was going for, @font-face fell flat on its face; when the changes went live Tuesday, not only were the fonts Boing Boing wanted to use not legally available for the web, the font it settled on — specifically BPreplay — ended up looking terrible for most users."
web
fonts
font-face
boingboing
typography
css3
via:paul.irish
october 2009 by ohskylab
Dive Into HTML 5
august 2009 by ohskylab
"...seeks to elaborate on a hand-picked Selection of features from the HTML 5 specification and other fine Standards. I shall publish Drafts periodically, as time permits."
web
standards
html
html5
reference
typography
markup
august 2009 by ohskylab
Karsten Luecke Type Foundry
august 2009 by ohskylab
@font-face tests. "The same typeface looks very differently on different platforms, and even on the same platform if settings differ."
web
design
typography
fonts
cleartype
august 2009 by ohskylab
The Typography Manual - For the iPhone and iPod Touch
july 2009 by ohskylab
"The Typography Manual has several useful features and resources for designers, including a visual type anatomy glossary, a font size ruler, an em calculator, and enough content to fill a 60 page book. It has all the essentials of a desk reference in a regularly updated pocket resource."
typography
design
tools
iphone
mobile
fonts
july 2009 by ohskylab
Readability - An Arc90 Lab Experiment
july 2009 by ohskylab
"A simple tool that makes reading on the Web more enjoyable by removing the clutter around what you’re reading."
web
design
usability
typography
text
readability
reading
bookmarklets
july 2009 by ohskylab
Sort Design
june 2009 by ohskylab
"This Noble Art. Society of Revisionist Typographers. Letterpress. Printers & Purveyors of Typographic Design".
design
typography
letterpress
london
june 2009 by ohskylab
National Theatre Posters
may 2009 by ohskylab
"This website contains over 650 posters from the National Theatre Archive. Beautiful photographic quality prints are available in a range of sizes and prices, supplied ready for framing and delivered to your door."
design
shopping
posters
uk
theatre
typography
culture
nationaltheatre
may 2009 by ohskylab
Fuck the foundries [dive into mark]
april 2009 by ohskylab
"This, then, is my current thinking about embedded web fonts: FUCK THE FOUNDRIES." Mark Pilgrim rants.
html
typography
fonts
foundries
rant
web
april 2009 by ohskylab
Striking Web Sites with Font Stacks that Inspire - Inspiration Bit
march 2009 by ohskylab
More on font stacks.
web
fonts
typography
design
march 2009 by ohskylab
Eric's Archived Thoughts: Unitless line-heights
february 2009 by ohskylab
Missed this the first time round.
web
css
typography
ericmeyer
lineheight
february 2009 by ohskylab
Facing up to Fonts | Slides and notes
february 2009 by ohskylab
Excellent presentation on current state of web fonts/methods and typography. Grab the version with the notes.
web
fonts
typography
richardrutter
clearleft
slides
css
february 2009 by ohskylab
Home - cufon - GitHub
february 2009 by ohskylab
A possible sIFR alternative. "Fast text replacement with canvas and VML - no Flash or images required."
javascript
web
canvas
sifr
text
fonts
typography
vml
february 2009 by ohskylab
Noisy Decent Graphics: All the ephemera that's fit to print *
january 2009 by ohskylab
"[We] thought it would be interesting to take some stuff from the internet and print it in a newspaper format. Words as well as pictures. Like a Daily Me, but slower. When we discovered that most newspaper printers will let you do a short run on their press (this was exactly the same spec as the News Of The World) we decided to have some fun."
design
typography
russelldavies
benterrett
printing
interesting
print
newspapers
january 2009 by ohskylab
Is justified text, err... justified? - Article - Web Access Centre
december 2008 by ohskylab
"Why we advise against using justified text, with some links to useful background information on this issue." Amazing how many account/pm/client types ask for justified text.
web
text
accessibility
typography
justified
december 2008 by ohskylab
@font-face in IE: Making Web Fonts Work — Jon Tan 陳
november 2008 by ohskylab
"As you probably know @font-face already works in Safari 3 via WebKit and is supported in the latest Firefox 3.1 beta. With IE, that means around 75% of the world audience could see custom typefaces today if their EULAs allowed it. Fortunately, there are good free faces available to us already, as well as some commercial faces that permit embedding."
web
via:nickandjess
typography
fonts
css3
css
november 2008 by ohskylab
typeface.js -- Rendering text with Javascript, <canvas>, and VML
october 2008 by ohskylab
"Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough."
web
design
javascript
css
typography
fonts
canvas
via:demwunz
october 2008 by ohskylab
sIFR Generator
september 2008 by ohskylab
"An online tool that allows you to create sIFR .swf files with a few clicks of your mouse. Simply upload the TTF font of the font you want to convert, preview and download."
via:demwunz
sifr
css
typography
flash
generator
web
fonts
tools
september 2008 by ohskylab
» This is How You Get sIFR to Work | Design Intellection
april 2008 by ohskylab
By not using it? "The goal of this tutorial is to distill the information at the official site for sIFR into a simple step-by-step process of how to implement sIFR on your site."
sifr
flash
typography
css
web
april 2008 by ohskylab
Information Architects » Blog Archive » Web Design is 95% Typography
april 2008 by ohskylab
"95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography."
typography
design
web
ia
april 2008 by ohskylab
JeffCroft.com: Luxury Type
march 2008 by ohskylab
"I’d like to encourage designers to open their mind and consider using some of the other typefaces that are often pre-installed on computers these days." 4 years back and most people still aren't really doing this.
css
design
typography
fonts
web
march 2008 by ohskylab
Daring Fireball: iPhone Fonts
march 2008 by ohskylab
"MobileSafari is limited, however, by the fonts installed on the iPhone.2 Here’s the list.:
iphone
fonts
typography
web
march 2008 by ohskylab
24 ways: Increase Your Font Stacks With Font Matrix
december 2007 by ohskylab
I have put together a matrix of (western) fonts showing which are installed with Mac and Windows operating systems, which are installed with various versions of Microsoft Office, and which are installed with Adobe Creative Suite.
typography
css
fonts
web
24ways
richardrutter
design
december 2007 by ohskylab
24 ways: CSS for Accessibility
december 2007 by ohskylab
A few new tips in here.
24ways
accessibility
css
typography
web
december 2007 by ohskylab
24 ways: Back To The Future of Print
december 2007 by ohskylab
"8 tips and 4 main gotchas when creating print stylesheets in our more enlightened era."
24ways
css
web
print
typography
december 2007 by ohskylab
Content AND Presentation : Journal : Mark Boulton
november 2007 by ohskylab
"Typography has an important place in the web at the moment. Social interaction, and how to design for it, it a hot design topic [...] But don’t forget that the medium of social interaction is language, and the way language is shaped and looks is typogr
typography
design
web
content
ux
november 2007 by ohskylab
CSSTYPE - web safe typography on screen for pixel perfectionists
september 2007 by ohskylab
"Web Safe Typography on Screen for Pixel Perfectionists"
css
typography
web
fonts
text
september 2007 by ohskylab
Tripoli - a CSS standard for HTML rendering
august 2007 by ohskylab
"Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects."
css
framework
typography
reset
web
development
august 2007 by ohskylab
Five simple steps to better typography : Journal : Mark Boulton
june 2007 by ohskylab
"The kind of typography I'm talking about is not your typical "What font should I use" typography but rather your "knowing your hanging punctuation from your em-dash" typography."
typography
design
css
web
june 2007 by ohskylab
Web typography in Rosie Sherry - a blog on software testing
april 2007 by ohskylab
"Surely if you are part of implementing a website or even maintain your own blog, good practice typography should be a part of it?"
html
markup
typography
web
april 2007 by ohskylab
sIFR demo - Rich Accessible Typography for the Masses
march 2007 by ohskylab
This page is a demonstration of the jQuery SIFR plugin, written by Gilles van den Hoven after seeing Mike's version which he made some time ago. Since there was a need for such a plugin on the jQuery list i thought why not make one
jquery
flash
javascript
typography
sifr
development
web
march 2007 by ohskylab
lalit dot lab
march 2007 by ohskylab
"JavaScript code to Detect available Fonts using JavaScript and CSS."
javascript
css
fonts
typography
development
web
library
march 2007 by ohskylab
Usable Cross Browser Font Sizing » Middleware Infrastructure
march 2007 by ohskylab
"My opinion is still that using % in the body and em for units is superior is it allows for text resizing in IE/win, is less browser specific (both methods are foiled by the typographical workings of IE5, but the Keyword Approach stumbles in some versions
css
web
typography
fonts
march 2007 by ohskylab
related tags
24ways ⊕ @font-face ⊕ accessibility ⊕ alistapart ⊕ api ⊕ art ⊕ benterrett ⊕ boingboing ⊕ bookmarklet ⊕ bookmarklets ⊕ books ⊕ businesscards ⊕ calculator ⊕ canvas ⊕ captioning ⊕ cards ⊕ clark ⊕ clearleft ⊕ cleartype ⊕ clothing ⊕ coding ⊕ content ⊕ creativecommons ⊕ css ⊕ css3 ⊕ culture ⊕ cursorminer ⊕ design ⊕ development ⊕ digitalweb ⊕ django ⊕ editing ⊕ em ⊕ ericmeyer ⊕ firefox ⊕ flash ⊕ fluid ⊕ fold ⊕ font-face ⊕ fonts ⊕ fontshop ⊕ forms ⊕ foundries ⊕ framework ⊕ france ⊕ free ⊕ friends ⊕ fun ⊕ generator ⊕ google ⊕ googlemaps ⊕ graffiti ⊕ graphics ⊕ grids ⊕ guide ⊕ hacks ⊕ hpw ⊕ html ⊕ html5 ⊕ ia ⊕ icons ⊕ ie ⊕ illustration ⊕ image ⊕ inspiration ⊕ interesting ⊕ interface ⊕ iphone ⊕ javascript ⊕ joe ⊕ jquery ⊕ justified ⊕ layout ⊕ layouts ⊕ letterpress ⊕ library ⊕ lifehacks ⊕ lineheight ⊕ liquid ⊕ london ⊕ mac ⊕ maps ⊕ markup ⊕ mashup ⊕ microsoft ⊕ mobile ⊕ movies ⊕ music ⊕ nationaltheatre ⊕ navigation ⊕ newspapers ⊕ office ⊕ opensource ⊕ osx ⊕ performance ⊕ posters ⊕ print ⊕ printing ⊕ productivity ⊕ rant ⊕ readability ⊕ reading ⊕ reference ⊕ replacement ⊕ reset ⊕ responsive ⊕ richardrutter ⊕ russelldavies ⊕ russia ⊕ selectors ⊕ shopping ⊕ sifr ⊕ sizing ⊕ slides ⊕ standards ⊕ streetart ⊕ style ⊕ subtitling ⊕ tagging ⊕ testing ⊕ text ⊕ theatre ⊕ tips ⊕ tools ⊕ top ⊕ truetype ⊕ tshirts ⊕ tufte ⊕ tutorials ⊕ typekit ⊕ typography ⊖ ui ⊕ uk ⊕ usability ⊕ utilities ⊕ ux ⊕ via:dannero ⊕ via:demwunz ⊕ via:flippers ⊕ via:monospaced ⊕ via:nickandjess ⊕ via:paul.irish ⊕ via:smitchio ⊕ via:tomtaylor ⊕ via:twoplusfour ⊕ vml ⊕ web ⊕ weblogs ⊕ whitespace ⊕ woff ⊕ word ⊕ work ⊕ xhtml ⊕Copy this bookmark: