NM3208 Presentation 1 - Website Design

3. What is WOFF?

The WOFF format came from a collaboration between font designers Erik Van Blokland, Tal Leming and Jonathan Kew from Mozilla. WOFF stands for Web Open Font Format, which is a simple compressed file format for fonts, designed primarily for use on the web. According to a report written by these three people, WOFF File Format
 (draft of 2009-10-23,) the WOFF format is directly based on the table-based sfnt structure used in TrueType, OpenType and Open Font Format fonts, which are collectively referred to as sfnt-based fonts. A WOFF font file is simply a repackaged version of a sfnt-based font in compressed form. The format also allows font metadata and private-use data to be included separately from the font data. WOFF encoding tools convert an existing sfnt-based font into a WOFF formatted file, and user agents restore the original sfnt-based font data for use with a webpage. WOFF is designed so that the structure and contents of decompressed font data should match that of the original font file.

Advantages of WOFF:
According to an article written by Christopher Blizzard in 2009, Web Open Font Format for Firefox 3.6 (http://hacks.mozilla.org/2009/10/woff/):

1. Compared to TrueType or OpenType, WOFF is compressed, which means that you will typically see much smaller download sizes compared with raw TrueType or OpenType fonts.

2. It contains information that allows you to see where the font came from – without DRM or labeling for a specific domain – which means it has support from a large number of font creators and font foundries.
Other advantages of WOFF from the website of Mozilla Developer
(https://developer.mozilla.org/en/About_WOFF )

3. The font data is compressed, so sites using WOFF will use less bandwidth and will load faster than if they used equivalent uncompressed TrueType or OpenType files.

4. Many font vendors that are unwilling to license their TrueType or OpenType format fonts for use on the web will license WOFF format fonts. This improves availability of fonts to site designers.

5. Both proprietary and free-software browser vendors like the WOFF format, so it has the potential of becoming a truly universal, interoperable font format for the web, unlike other current font formats.

6. You can also have Better Typography for the Web (OpenType features such as contextual forms and old style figures)

7. More languages can be represented in the website

Disadvantages of WOFF:
It is still in the process of developing to become a universal format, so websites using WOFF have a compatible problem. Only the latest versions of IE, Firefox and Google Chrome support WOFF (IE9, Firefox 3.6 and Google Chrome 5.0). Safari has not yet supported WOFF. Here is an example of how a website using WOFF appears in Safari and Firefox:
Website: http://ie.microsoft.com/testdrive/Graphics/WebFonts/Default.html
Safari:

The titles of each article and the text even overlap with one another. The font of “Imperial Identity System Unearthed” cannot be loaded so Safari used the default or truetype font for it.

Firefox:

Websites that apply WOFF:
http://ie.microsoft.com/testdrive/Graphics/WebFonts/Default.html

WOFF is put under the heading & style tag

Browsers that support the WOFF format will download the WOFF file. Other browsers that support @font-face but don’t yet support the WOFF format will use the TrueType version.

http://ie.microsoft.com/testdrive/Graphics/MoreWebFonts/Default.html

Similarly, WOFF is put under the heading tag

Cheers commercial Video :)

My draft for a commercial of Cheers, the convenience store chain in Singapore

On a Saturday evening, 5pm, Samuel is playing football

Samuel is very tired so he runs to Cheers to buy some drinks to quench his thirst

Terence is reading and doing research in the library

Terence is exhausted so he goes to Cheers and buys some snack before going home

Felicia is driving home after finishing her job as the main actress for her newest movie, The Deck

She stops at Exxon Mobile station to fill up the car

When she is about to leave, she sees such a long queue of car on the street

To get rid of the traffic jam, Felicia decides to visit Cheers for some magazines

Inside the store is well-organized with all kinds of snacks, drinks and other convenient stuffs

Three of them meet at the counter in Cheers. They are all very happy since they are close friends before

Finally they end up having a party and watching movie at Samuel’s home.

End of the commercial: Cheers: One-stop Shop for ultimate convenience

Our project group plans to launch a commercial for Cheers on television. This commercial will emphasize that Cheers is a place where active student and young professional can visit after long and stressful hours of working or studying for immediate demands such as buying some drinks, snacks and magazines and fill in their cars before going home. This commercial will feature three well-known students: Samuel Seah -SEA Games medalist, Terence Tan- top student, ASEAN scholarship and Felicia Chin, movie star. On a Saturday evening, each of these students goes to Cheers for different purpose but finally meet at the counter. Since they are already close friends, they end up having a party at Samuel’s house with Cheers’ Fizz drink and snacks.

Plot: On a Saturday evening, 5pm

Scene 1: (10 seconds) After playing sports Samuel is very tired so he runs to Cheers to buy some drinks to quench his thirst.

Scene 2: (10 seconds) After long hours of reading and doing research in the library, Terence is exhausted so he goes to Cheers and buys some snack before going home.

Scene 3: (10 seconds) Felicia is driving home after finishing her job as the main actress for her newest movie, The Deck. She stops at Exxon Mobile station to fill up the car. When she is about to leave, she sees such a long queue of car on the street. To get rid of the traffic jam, Felicia decides to visit Cheers for some magazines.

Scene 4: (10 seconds) Three of them meet at the counter in Cheers. They are all very happy since they are close friends before. Finally they end up having a party (with Fizz drink and snacks bearing Cheers’ logo on the package) and watching movie at Samuel’s home.

Execution:

The full commercial has 4 scenes. To attract more attention, each scene 1, 2 and 3 will be released first on television. At the end of each scene, there will be a message: “Guess what is waiting for him/her at Cheers.”

Finally after three weeks, the full commercial is launched. The ending of each small scene with the message “Guess what is waiting for him/her at Cheers” is taken away, instead, Cheers’ new slogan will appear at the end “Cheers to life,” or “Convenience at one stop”