Article #1 is titled “On Web Typography” by Jason Santa Maria.
This is an article written in November of 2009 talking about the
release of css3 @face-time. I guess this was about the time that
it was starting to be talking about and what exactly the new
software was going to do it was going to do. Jason talks about
new idea being great in theory but also very bad for web designers
world-wide. Web Designers in the past have always had a limited
amount of web safe typefaces that were able to be used as defaults
for all browsers. Now being able to embed type faces in your css
you basically have no boundaries as to what you can design with
typographically. The rest of the article Jason informs the reader
about typography and stresses that with this “Brave New World”
opening up for us we need to be even stronger in the realm of
type than ever before.

http://www.alistapart.com/articles/on-web-typography/

My second article is title “A basic look at typography in web design” by Shannon Noack. The article was written in April of 2010 and is a basic guideline/history of web design from the beginning and where it going now. She touches on taking control of your fonts in css and font replacement settings like we learned in class also.  Shannon says that “Current CSS3 specs allow you to choose from any licensed OpenType or TrueType font at your disposal.” Also @font-face is not the only way to embed your fonts into css. Shannon says that other softwares such as Cufon and sIFR are good solution as well. The end of the article is screenshots of many great examples of good type in web.

http://sixrevisions.com/web_design/a-basic-look-at-typography-in-web-design/

Article #3 is a short overview of css3 embedding @font-face from the website ZEN elements. The author is unknown however he explains that @font-face does not only speak css3 but that it was css2 and appeared for the first time in css 2.1. He explains exactly how to use it and also and the several different font formats that it can render as. They are  “truetype” (ttf), “opentype” (otf), “embedded-opentype” (eot) and “scalable-vector-graphic” (svg,svgz). Also effects like text shadows, gradients and opacity’s can be done as well.

http://www.zenelements.com/blog/css3-embed-font-face/


This is an example of a clean well design website. Blue Pixel is a set up in a basic four column grid with the use of interesting imagery with small amounts of content. This website uses two different san serif typefaces that work very well together. Also the limited amount of color with the neutral grays and blues make for a very clean tone.

Another good example of an interesting website was this on for Information Highway. I feel that this is a much more unique website with its use of typography and unusual layout. The heading of the site is vertical on the left side in contrast with the 3 other bold important elements on the page, the brandmark, the home link and the hire me link at the bottom of the page. The color palette is warm with a good use of color and texture that only adds its good use of type.

Type setting for print is much different from web in the fact that type faces for print are created to be used in small sizes of body copy without have thick parts of the letters peppering the page. As for the overall layout of information, the goal in print is to keep the reader relaxed because they will most likely be retaining the information for quite some time. The web however, is all about fast readings. Viewer take bits of information at a time while scanning the pages for something particular. Your goal in web typesetting is to tease them with the information and keep them navigating through the site. I believe the @font-face software has opened up great possibilities for us designers to have more of the creative freedom that is available to us in print. If trained to use these new tools appropriately designing for web can only become more efficient.