WEFT Tutorial-- page one

There is already a step-by-step guide to using WEFT here at the Microsoft Typography site.  The tutorial below is geared specifically towards the special needs of web pages in Persian and Persian transliteration in Latin characters.  It is also supposed to be more of an introduction and over simplified, sure-fire method for those otherwise afraid to try it out!

The following tutorial uses this simple webpage as an example:

http://students.washington.edu/irina/persianword/weft.htm

 We'll be modifying a copy of it on my computer at this location:

file://C:\Documents and Settings\irina\Desktop\MyWeftDemo\weft.htm

In WEFT, there are two sets of files you have to keep track of:

1) The eot's. These are the  "font objects" or files ending in extension .eot.  These files are the final goal of the Weft project.   Maybe you can think of eot files as you would any jpeg or mp3 file also on your website. 

2) Modified html file. By "modified html file," I mean your original html file to which WEFT will add something like this in the <style> section of the original webpage:

<!-- /* $WEFT -- Created by: C Bobroff (irina@u.washington.edu) on 5/2/2004 -- */
@font-face {
font-family: Tahoma;
font-style: normal;
font-weight: normal;
src: url(TAHOMA0.eot);
}

Note the src: url is relative and you need to make sure the path to TAHOMA.eot  is specified correctly.  WEFT will give you the wrong path so be sure to not forget to modify it before uploading to your server.  In my case, as you can see,  I'm keeping it in the same directory on my server as my html file, weft.htm. 

 

Ok, ready to begin! In case you didn't follow the overview above, don't worry. I'm now going to go through it again!

  1. Go to
    http://www.microsoft.com/typography/web/embedding/weft3/weft01.htm
    and click on
    http://download.microsoft.com/
    in order to download the free Microsoft WEFT 3.2.
    When the WEFTIII2b1.exe is downloaded, click on it to install and follow the directions.
    Now click on the Weft icon on your desktop to begin the project.

  2. When prompted to  build the font repository, say Yes.  (In case you get an error concerning referenced memory, click OK to terminate.  It will also show the name of the last font it was working on. Hopefully this font's name begins with a letter near the end of the alphabet.  You'll have to go into your fonts folder in the Control Panel and temporarily remove some fonts (in this case fonts with names from V to Z) as apparently, WEFT can't handle so many fonts.) Chances are, you won't get this error. It looks like this where you see WEFT got stuck at  Vivaldi font:

  3. You now arrive at the Start box with a Welcome and list of what's to come. Hit Next.

  4. In the next box, you are prompted for your name and email address. Type these and then hit Next.

  5. In the Add Web Pages box, type the complete address (where you store your webpage on your C drive, not the http internet address) of your webpage at the default file:// (circled in blue) prompt.  (That is, the ENTIRE path name.) If you don't want to type it or can't remember exactly, hit the button with three dots (circled in red) to browse around your computer and go to that folder. 

  6. Browse until you find the folder then open the webpage html  file.  In my  case, the weft.htm  file is in the folder "MyWeftDemo".  In a later step (step 12) I'm going to be telling WEFT to put my eot files (again, more on that later in step 12) in this same folder and this is where I'll have to return to find them when I'm done so I can upload them to my server.      (In case it once or twice tells you it couldn't find some other folders or files -- that you never even asked it to find-- just say ok and move on.)                

  7. Hit NEXT, noting the tree-structured diagram of your folders:  

  8. When it prompts for Page Analysis, hit Next:

  9. Hit Yes that you do want to continue when it warns you that Persian requires Unicode:                     

 

 

                      FORWARD TO NEXT PAGE ---->

 

 

 

BACK to Persian Font Embedding with WEFT

BACK to Persian Word-processing