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/

 

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

5 Comments »

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

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

  3. erzone says:

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

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

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

RSS feed for comments on this post. / TrackBack URI

Leave a Reply

Carto Narratives

27e507b96c9d35f382760edab22ffc09 Carto Narratives



Going to Carto Narratives in Zurich soon (11th june - 13th june) to participate in a workshop with some great people, William Cartwright, Jeremy Wood, Sebastien Caquard... loads of others I've still to have a good read of their proposals. Read mine on augmented reality/hyper real/emotion + joy

http://cartonarratives.wordpress.com/projects/

Share your views of Bachelard as I am reading up on how he perceives people can enhance their happiness from spaces... and how they engage with a space...  many more other people but still getting my head around him, and how he fits with my project...

Visualthinkmap on Pinterest

4d04647d2f639ddfa97787f2b9f2bc73 Visualthinkmap on Pinterest

         

Please forgive if I haven't been blogging as often as I could but you can keep a regular update on here:

http://pinterest.com/visualthinkmap/interesting-things-on-the-web-shift-space/

  Much like I used too on tumblr: http://visualthinkmap.tumblr.com/

Checkout an Interview of me with Shrieking Violets & Shift-Space

e33318033da097283908905ed5463fbe Checkout an Interview of me with Shrieking Violets & Shift Space



Checkout an interview of us (shift-space.co.uk) describing our practice, zines, little gems app, vb workshop and general views on education/visual practice...

http://www.theshriekingviolets.blogspot.co.uk/2012/05/alice-in-apps-land-workshop-from-zines.html  

Alice in Apps Land - Future Everything/Victoria Baths

fde749ebda1e6a4b5b90d5d5b6002a74 Alice in Apps Land   Future Everything/Victoria Baths

Working in  a collective with my colleagues, Shift-Space are very excited to be a part of the futureeverything festival taking place in Manchester in May. Natalie aka, the shrieking violet has invited us to run some workshops as part of the fanzine convention taking place on the Saturday and we also plan to have our own display of zines and other printed ephemera.



‘Alice in apps land: explore your smart phone and your environment’, presented by Visual Think Map in collaboration with Shift Space.

During this workshop you will discover the local landscape through digital stories and learn more about apps and the functionality of how your phone can enliven the world around you. Through an interactive and engaging tour of the area near Victoria Baths you will discover and digitally collate, using your phone, a variety of people’s memories and your own as we introduce you to new apps and narratives, including old photos and memorabilia of the area. We’ll finish by making an interactive map where everyone can share what they’ve made and then print a map. DON’T FORGET TO BRING YOUR PHONE AND WE’LL SEE YOU THERE!

Motivation Rose

4ab420050b0c7ce0ec6c80ee0f0f6c95 Motivation Rose

This is a good use of the nightingale rose to show the motivations of crowdsourcing/job.



It gives a good overview of the different factors to motivate crowd sourcing or those of a job and I suppose we do aim to have each full.

Anyhow, was a good use of the rose around an interesting subject area. http://webdirecting.com

Stockport Narratives

6a8b517ae39fa019166755d551dba986 Stockport Narratives

Love this map made by Christian Nold.  

 

http://stockport.emotionmap.net/background.htm

'Whilst conventional maps show static architecture and exclude humans, this art project presents a vision of Stockport that represents the emotions, opinions and desires of local people. Over a period of two months in summer 2007, about 200 people took part in six public mapping events. This map collects together and shows the results of the two activities: Drawing Provocations & Emotion Mapping.'  

The sort of tubes/pillars represent the emotions of people at particular locations using the GPS/GRS device invented by christian nold. Its no surprise that Christian has worked with looking into perceptions of an area as he had done similar when featured in http://vism.ag/vol2 and he has done other areas.

If you like this then you'll certainly want to have a read of his free pdf book of Emotional Cartography, http://emotionalcartography.net/EmotionalCartographyLow.pdf  

Check out his projects here: http://www.softhook.com/  

Splitscreen: A love Story

This is a very cool video. Two lives, synced, with timing/composition/speed/angles. Wow.



I wanted more. The angling for the plane is measured, the turning of the bus, the lovely jump in time zones/locations as a cyclist seemingly jumps through a crack linking these two locations.

Love it! Originally saw it on amazing films interludes on channel 5 (uk)

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.'

Long Live the Printed Book!

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

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.