Web Typography


Typekit is great. and easy, free way to use fonts of your own choosing and not get defaulted to times or arial or verdana, on any cross browser, even a plugin for your wordpress.

 

 

196319aabcc14e58c974606068cdbab9 Web Typography

 

 

I saw it used with the NY Times Skimmer previously posted and it wasnt too difficult to coordinate with your CSS <h1> <h2>is how they are assigned. 

Think mine was body ext, museo sans (quite robust, with many weights, styles i.e. italic, bold). Then the curvy header font... erm Anivers.

Really easy! Use it, and keey the ones I use for free, for ever. 

Start by browsing the free fonts http://typekit.com/libraries/trial

 

'Add a line of code to your pages and choose from hundreds of fonts. Simple, bulletproof, standards compliant, accessible, and totally legal.

About Typekit

Typekit is the easiest way to use real fonts on the web. It's a subscription-based service for linking to high-quality Open Type fonts from some of the worlds best type foundries. Our fonts are served from a global network on redundant servers, offering bulletproof service and incredible speed. And it couldn't be easier to use. Want to know more about fonts on the web? Read on...

So here’s the situation: Every major browser now supports the ability to link to a font. That means you can write a bit of CSS, include a URL to a font file, and have your page display with the typography you expect. For designers and developers, this is a significant step forward. No longer will you need to trap your content in images or Flash just to express yourself visually. Pages will be more usable, accessible, and indexable. This is a massive upgrade for the web.

But there’s a problem. While it’s technically quite easy to link to fonts, it’s legally more nuanced. Almost all fonts are protected by copyright — even those available for free — and very few of them allow for linking via CSS or redistribution on the web. This is understandable; font files represent countless hours of finely detailed labor. Appropriately, type designers are concerned that they’ll lose control of all that hard work.

The Typekit solution

That’s where Typekit comes in. We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.

About Small Batch

smallbatch Web Typography Typekit is produced by Small Batch Inc., a company dedicated to advancing what's possible on the web. Founded in 2008 by Jeffrey Veen, Bryan Mason, Greg Veen, and Ryan Carver, Small Batch is a San Francisco-based company that has been designing and developing web apps together for years. In 2006, the team built Measure Map, the acclaimed blogging statistics tool that was acquired by Google. While at Google, they led the redesign of Analytics, a powerful website measurement tool used by millions worldwide. Since then, they collaborated with Twitter on user experience and business growth planning, and launched Wikirank — a trend analysis tool for Wikipedia. Additionally, they’ve been involved in W3C working groups and the Web Standards Project as proponents and active designers of the web’s infrastructure platform. In 2009, the company announced their first round of funding led by True Ventures.' 

 

Trial Try it for free Personal Great for your blog Performance Awesome capacity
Free! $7 month $24.99/year $49 month $249.99/year
Monthly bandwidth hover help icon Web Typography
5 GB 10 GB 100 GB
Font library hover help icon Web Typography
Trial Library Personal Library Full Library
Websites hover help icon Web Typography
1 1 40
Fonts per site hover help icon Web Typography
2 5 Unlimited
SSL serving hover help icon Web Typography
— — Yes
Advanced style control hover help icon Web Typography
Yes Yes Yes
W3C standards compliant hover help icon Web Typography
Yes Yes Yes
Typekit badge hover help icon Web Typography
Required Optional Optional

 

Here's the plugin that I found and use on my wordpress blog. 

 

Typekit plugin for WordPress

Author: Amila Sampath

This is a convenient way for WordPress users to use the Typekit font service in WordPress web sites. This will enable users to change the fonts of their sites with least amount of time using the Typekit service. Further this plugin will give the ability to control where the typekit will be used in their site (whether in the front page, static pages .etc).

 

http://wordpress.org/extend/plugins/typekit/

 

Related articles by Zemanta
54e6a3db43b098ecbf5db09e027cb1c1 Web Typography


Free Visual Posters 2 Web Typography Vis%20Mag%20 %20blog%20sidebar Web Typography
available web ad Web Typography available web ad Web Typography
pixel Web Typography

Related posts:

  1. Infographic Typography
  2. 30 + More Top WordPress Plugins to enhance your blog


Print

Published on 2010/02/18 7:18 pm.
Filed under: Uncategorized Tags: , , , , , , ,

5 Comments »

  1. Web Typography « Business Memes says:
    2010/02/18 at 10:24 pm

    [...] Viewing / Web Typography Displayed from / Visual Thinkmap Excerpt Says / Typekit is great. and easy, free way to use fonts [...]

  2. Favoriter på nätet – February 24, 2010 says:
    2010/02/24 at 5:24 pm

    [...] Web Typography- Mer om typekit. [...]

  3. erzone says:
    2010/03/03 at 1:35 pm

    Danke für die Informationen. Wirklich sehr hilfreich!
    Viele Grüße

  4. Favoriter på nätet – April 7, 2010 says:
    2010/04/07 at 8:37 am

    [...] Web Typography- Mer om typekit. [...]

  5. Favoriter på nätet – September 2, 2010 says:
    2010/09/02 at 7:24 pm

    [...] Web Typography- Mer om typekit. [...]

RSS feed for comments on this post. / TrackBack URI

Leave a Reply

Route 66 Story Map

This is a great project on mapping the history and narratives of a journey/terrain. A sort of map that is more interesting than the territory that Houellebecq proposed.

http://maps.google.com/maps/ms?ie=UTF8&hl=en&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;t=k&om=1&msid=103763259662194171141.000001119b4b42bf062c2&msa=0

Looking to use video and record data on a journey, much like Stephen Shore has done on his journey's across america but only through photography. Just multimedia and more forms of it. I'd like to merge the projects Poetry Atlas & History Pin and maybe this atlascine.org that I recently saw but not just Canada.

See http://artcarto.wordpress.com/cartography-narratives/ for more about Story Maps.

More about the project 'Jay Crim and Shekar Davarya spent the summer of 2002 driving across the country on Route 66, collecting interviews with the people who live, work and travel on the old road. The audio, video and images on this map are the result of that summer, and offer a glimpse into what life was like on the now-decommissioned highway and what remains for those who still travel the road. The America's Highway project was intended to create both a history lesson on America of the past as well as a travel guide for visitors on 66 today. The work was supervised by Professor Bill Leslie, History of Science Department and Mike Reese, Center for Educational Resources, The Johns Hopkins University.'

Published on 2012/01/22 10:02 pm.
Filed under: Interactive Mapping, landscapes, locations, looking, map, memories, narrative, story, Uncategorized Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Long Live the Printed Book!

width="290" height="290">

Recently recieved You know nothing of my work by Doug Coupland.



I shared this page because mapping the knowlegde, synapses in the brain and thoughts, to try represent the self in some visual and communicable level inspired me in my studies. To present them to provide understanding of my knowledge is what got me into mind mapping. Essays of just long written linear text of roughly 12 words-per-line, 500 words-per-page, just isn't enough for me. Macluhan studied the mapping of the brain and called it Pathogrpahy, and i'm sure i'll be digggin deeper into his research. Dont want to spoil the book but phew, macluhan had an interesting perspective on women... reflected by the times i suppose.

Saw his book from this brilliant documentary here, cant believe you can sit have a coffee while a chosen book is freshly printed. (smell the middle) Long live the printed book!

By the way just found this beautiful tutorial from these: here

Published on 2012/01/16 10:18 pm.
Filed under: book, brain, cell, evolution, Knowledge Visualisation, memory, mind, print Tags: , , , , , , , , , , ,

Escape the Map

This ad for Mercedes Benz is really intriguing how google maps vernacular infiltrates reality. Escape The Map



Its been out a while the ad and had meant to post sooner. It is intriguing because I imagine that a projection on the road with the street view would help with sat nav's as opposed to trying to glance to your right to see a sat nav. You could just stare at the street. Would be cool.

But from a mapping point of view I was interested as it mixes the hyper real through the vernacular of google maps with reality. Now from my experiences I had learnt that hyper real was associated with the postmodern and specifically baudrillard 'the map preceedes the territory'. Jean Baudrillard argues that a simulacrum is not a copy of the real, but becomes truth in its own right: the hyperreal.

Having looked at a recent paper by Sébastien Caquard, Cartography I: Mapping narrative cartography. See here: http://phg.sagepub.com/content/early/2011/11/06/0309132511423796

Sebastien points out an interesting view of the story map, this is the fictional representation, the story map as Sébastien Caquard puts it;

‘map is more interesting than the territory because it is an idealized simplification of a complex – and often depressing – reality. This resonates with the idea that in the postmodern world most of the time the hyper-real appears joyful beside the deterioration of the environment to which it refers (Westphal, 2007).’

See now this idea of the postmodern hyerreality being joyful is what I remember with Baudrillard and simulacra's, but I wasn't aware of the map is more intersting than the territory a point illustrated by the latest novel by Michel Houllebecq entitled La Carte et le Territoire (The Map and the Territory) (2010).

I'm not sure how we're supposed to weigh between Baudrillard or Houllebecq, but like how Sebastien says they follow with this idea of the joyful presentations of reality. Many of the these joyful selections that have been crowd sourced by google maps.

'Paraphrasing Houellebecq, in other words, ‘Google Maps are more interesting than the territory’.'

This leaves me very intrigued that the story maps that Google are providing are more interesting than reality, much in the repsect that this Escape the Map ad by Mercedes Benz particularly realises well.

It makes me want to visit, or at least try to read the videos / papers that transpire from this: Cartography & Narratives

Meanwhile, read more about the different perspectives on the map and the territory here

I have been trying to get Vism.ag/Vol 4  available in print away from P.O.Demand services and got decent prices too, but still trying to find investment to do a long enough run to realistically make it viable. But... I will try to get an ebook available of it soon and the reason I bring it up is that there are a few selections of work by Denis Wood in the online sample and there's a review of his book Everthing Sings: Maps for a Narrative Atlas that I'm sure will be of essential reading to cross reference with the thoughts of the Story Map and fictional cartography. (the word fictional still distracts me as google maps work on a degree of truth, they arent made up).

Anyhow, happy hols everyone and will try to get more posts up. In the mean time, follow @visualthinkmap on twitter for more of what I see, just less analysis.

Published on 2011/12/23 10:57 pm.
Filed under: abstraction, google, HCI, hyperreal, landscapes, maps, reality, technology Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Edinburgh Creative Map

edinburgh%252520map%252520info%252520cropped Edinburgh Creative Map

Edinburgh is the latest creative map to be rendered, vism.ag/edinburgh. Mapped in collaboration with creative-edinburgh.com launching Thursday 3rd November, 6 - 8pm at The Cube, 47 Leith Street, Edinburgh, EH1 3AT.

 



 



Identified as one of the 9 creative 'hotspots' in the UK by Nesta, this location has some great places on offer. From Edinburgh printmakers studio, Analogue Books, The Fruitmarket Gallery @fruitmarket to round the corner Stills photography gallery, there appears to be a lot of bustling creativity that the platform of creative-edinburgh.com @CreativeEdin will be sure to promote and keep you abreast of its output both nationally and internationally.



Creative Maps share knowledge of creative facilities in the world, or more specifically Edinburgh's area to help you in your creative and innovative endeavors.

Be it Galleries, Museums, Theaters, Bookshops, Arts Centers, Magazines, Studios, Design Companies, Craft Shops

 

Nearby on Thursday 3rd November, go check it out 6 - 8pm at The Cube, 47 Leith Street, Edinburgh, EH1 3AT



 

Check out the interactive map to see all the locations on Edinburgh's Creative Map vism.ag/edinburgh



 

Know any places in Edinburgh that aren't mapped? Sign up and add your own through vism.ag/sharegems



 

More info: @CreativeEdin



 



Published on 2011/10/28 11:37 pm.
Filed under: cartography, clean, constellations, creative, Creative Maps, cube, design, geography, information, innovative, interactive, knowledge, landmarks, landscapes, learn, map, mapping, media Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Poetry Atlas

2bc7fff28e18f314a1c8dca8853c7815 Poetry Atlas

When I started creative maps, I discussed with my colleague it would be good to show learners what poetry there was about their area to try and get them engaged with a range of creative inspiration and outlets. Behold I came across this:



 

 



Poetry has been geographically mapped with Poetry Atlas, not as clean and clear as the well presented HistoryView (Pin) those quill markers are just a bit too overpowering. But the info windows etc are equally great and like history pin it has accumulated quite a few writings about areas. They've even made a layar app or AR reality, as I would love to have ;o). They also to their credit make it really easy to explore their site searching location, browsing poems/ poets. Very Good.



  http://www.poetryatlas.com/



Let the words of inspiration flow through your mind about your places, I experimented with this.



 

 

Published on 2011/10/28 10:21 pm.
Filed under: cartography, layer, learn, literature, map, poetry Tags: , , , , , , , , , , , , , , , , , ,

HistoryView

2349e84f615807d8c8f9c4b3457e3b8a HistoryView

This looks great. Google maps and history merged into one. I wondered about how we merge the old and the new somehow.

 

I am keen to do old historical street maps overlayed on top of interactive google, try to bring a spice of art with the idea of collaging like Mercato previous post.

 

  But its free, it has pretty good clustering of pins as you zoom in and drill down the data so it doesn't become crowded like it could do. From the group We are what we Do, who bring you the beautiful Change the world for a fiver book talking about going green.

Also with it being supported by google you can sign up with your google details quite easily.

http://www.historypin.com/

http://wearewhatwedo.org/

 

Related articles

Published on 2011/10/28 3:28 pm.
Filed under: geography, history, photo, reality, time Tags: , , , , , , , , , , , , , , , , , ,

Mercato

Mercato

Love this illustration/collage by Chris Kenny called Mercato. Piecing different parts of maps together to create a new terrain, a new territory.

From tangible book


How apt to title a map by the name of Mercato too, as he was the one that produced our standard atlas we percieve the world as today, 'Mercator projection is a cylindrical map projection presented by the Belgian geographer and cartographer Gerardus Mercator, in 1569.'

Find out more about Chris Kenny here: http://www.englandgallery.com/artist_bio.php?mainId=51

Published on 2011/09/13 9:34 am.
Filed under: Uncategorized

Geography of Innovation

27f55955f6fe4174877c94e919c9fcc9 Geography of Innovation

This is a great study of the uk's creative economy that has sought to study 'the concept of creative clusters as a starting point to examine the role that creative industries play in local and regional innovation systems.' NESTA



'No one doubts the economic importance of the creative industries to the UK. At 6.2 per cent of the economy, and growing at twice the rate of other sectors, they are proportionately the largest of any in the world.' NESTA

'Apart from London, the research identifies nine other creative 'hotspots' across the UK:

Bath Brighton Bristol Cambridge Guildford Edinburgh Manchester Oxford Wycombe and Slough

See the 10 maps in detail See the interactive map and look at your area: Is your area a creative hotspot? Use our new set of interactive maps to find out

'In addition to mapping creative clusters across Britain, the analysis presented in our new report shows that:

• The creative industries punch above their weight in terms of innovation at both the national and regional level. They also tend to cluster in the same places as other innovative industries such as High-Tech Manufacturing and Knowledge-intensive business services (KIBS).

• Different parts of Britain present different profiles of creative specialisation: cities across the wider South are more diversified in their creative specialisation, whereas Northern and Midlands cities (Manchester excepting) have similar creative profiles.' NESTA

The designs of the maps are by designbysoap.co.uk and the individual cities maps are good with the varying intensity of a hue to represent the density of the creative sector within the particular area of one of the cities. All nine have their own unique hue as is on the key on this infographic above and in the interactive ones they have overlayed them over google so you can see street data and they let you drill down the data by clicking the different particular areas of a city. Just wish they show what creative business are in these areas.

Anyhow, great that this kind of report takes place for the creative sector, help us creatives have a better awareness like I do with http://vism.ag/maps.

See the whole report in pdf here: http://www.nesta.org.uk/areas_of_work/creative_economy/geography_of_innovation/assets/documents/creative_clusters_and_innovation or go the website and read more: http://www.nesta.org.uk/areas_of_work/creative_economy/geography_of_innovation/assets/features/creative_clusters_and_innovation_report

Published on 2011/09/13 9:04 am.
Filed under: cartogram, country, creative, Info Visualisation, innovative, Interactive Mapping, research

Paper Works

IMAG0031 Paper Works

Paper Works, 'a touring exhibition from Flow Gallery in London, features a host of internationally acclaimed artists whose work all harnesses the sensitivity of the hand-made object. Fragility and transience are the immediate connotations which resonate in the use of paper as a medium for creating three-dimensional form. Single sheets are either reworked or pulped by the artists to form visually striking pieces.'

From Photo works


This is a close up of this great paper piece called 'A Story' by Aino Kajaniemi and she describes them as 'memory scrolls, and the viewer has to imagine and create the messages contained in the scrolls for themselves. Love letters, an apology'

From Photo works


There was a whole host of big paper artist names such as Lizzie Thomas, local Ferry Staverman (i'm sure thats his surname) and Helen Musselwhite.

From Photo works


A very cool gallery and good to see that space at the civic been put to good use. Visit and keep the gallery going which has had a beautiful redevelopment from I the gallery manager said lottery fund. You can purchase pieces aand adorn your home with unique paper art.

See it at the civic

Published on 2011/09/12 8:20 pm.
Filed under: collage, creative, parchment, words

Prote.in Journal

Prote.in Journal

Cool url and even cooler news print journal. 'The quarterly Journal contains all the best from the Protein OS. It pulls together the very best of the network from the past three months. Previous issues are catalogued below.'

From Prote.in


Finally got round to posting this was their third issue and it was packed full of some beautiful data visualisations and interviews and lots to read. It even contained a free poster of the latest work (was a while ago I got this, just got round to posting) by Peter Crnokrak who was featured in http://vism.ag/vol2 see page 12 - 15 called 'Everyone Ever in the World', great work btw Peter.

From Prote.in


Beautifully composed/designed with a great healthy use of space that sits perfectly with the newsprint feel. Clean type it, its in colour too with some great projects from their dose of quarterly creative intake from the eyes that i'm about to check out, such as:

Sam Winston's Birth-day - does some brilliant typographic explorations such as Sam's 'The Monster Story' or 'The Dictionary Story' (i think the second was called this...)

Henry Luong's Seinfeld Data Vis, looking similar in circular compostion to those made by Peter Crnokrak [LoP]

Mapping America, also looking cool.

You can see all their issues for free, online in the same approach, possibly through Issuu.com too, approach to the flash viewing of http://vism.ag

Check it out!

http://prote.in/journal

Published on 2011/09/12 7:46 pm.
Filed under: Uncategorized