DEVELOPING A WEBSITE IN HINDI
AND OTHER LANGUAGES
Authoring Tool -
You can use iLeap/Leap Office/ISM Office software to create the
html pages.
Note : Do not use multiple hindi fonts while
authoring the HTML pages i.e. use only single font for all pages like
"DVW-TTYogesh" and also the same style, either Normal/Bold/Italic etc.
Why Dynamic Fonts ?
There are two ways to use hindi fonts -
1. Downloadable font : In this case you have
to put the font file on your web site by giving the option to download it. The
visitor has to download the required font from your web site. After download he
has to install it on his local machine. Then only he would be able to view your
site in hindi.
2. Dynamic Font : In this case you have to
prepare EOT as per the procedure given below. After
creating these files you can use them as per the procedure
mentioned. In this case the web server would serve the Dynamic font to
the visitor and he need not to download the font and install it. Hence this
method is preferable.
Procedure
to prepare Dynamic Fonts ( EOT) -
Before creating these files keep following points in your mind -
-
Install the desired font on your local machine first.
-
Keep the file name same as your font name.
-
Do not use multiple hindi fonts while authoring.
EOT file Creation : For
EOT creation, you have to use WEFT tool from Microsoft and can be downloaded
from the URL -
http://download.microsoft.com/download/8/a/1/8a1be03f-f7fc-4504-af9a-7b9230775284/WEFTIII2b1.exe
Install this WEFT tool on you machine. Before using
the WEFT make sure that the hindi font (used in web site) is installed on your
machine, since WEFT is going to check the font on your machine. When you open
WEFT then it creates the database of all the fonts installed on your machine.
Now follow the steps given below -
-
Open WEFT tool
-
Click the Wizard on menu bar if not started automatically.
-
Set the User name and Email account of the creator then press Next.
-
In next screen it will ask you to give the path where hindi HTML page is kept
i.e. directory path (like d:\hindiweb ).
Select the option "file://" in left drop down and specify the directory path
with file name on right side. Since you must have used the same hindi font in
all HTML pages in hindi, so you must specify here the name of only one hindi
page like c:\website\hindisite\filename.htm
. Also check the box for "do not add linked pages". Now click Next.
-
Now WEFT will analyze the font name used on this
page. Do not check the box for "skip analysis" and click Next.
-
In next screen it will display all the fonts used in the specified page.
If a red sign appears in front of the font name that means this font is not
installed on your machine or it is not included in the WEFT font database. SO
to remove this error close the WEFT tool and check the fonts using Control
Panel -> Fonts. The desired font must be here. If it is not listed then
install the font again. If required then reboot the machine. Only use the
desired font to embed and rest of the fonts must be excluded by selecting the
font and then click do not embed button. Now click Next.
-
In the following screen -
In first drop down select the option "File://" and on right side type the full
path of directory where you want to store the EOT file.
-
Now specify the URL of your website where you want to use this EOT like
"http://home.nic.in/ " and "http://www.home.nic.in/".
Do not forget to put "/" at the end of URL. Here you can include multiple URLs,
on which you are going to use this font.
Rest all Check boxes keep unchecked and then press Next.
-
Keep checked the "Do not upload modified pages to my server" and again press
the Next.
-
On following screen click "Finish".
-
Check the file name "your-fontname.eot" has been created in the directory you
specified. This tool does not ask you the EOT file name so you will get the
default name created by WEFT. So do not worry about it and only note down this
name. e.g. for "DVW-TTYogesh" it will create "DVTTYOG0.eot". It uses 8
characters for file name.
-
For more detailed information visit the Microsoft web site at URL
http://www.microsoft.com/typography/web/embedding/weft3
Read the WEFT 3 wizards.
How to
Use Dynamic Fonts -
1. Store the file (EOT) into your website's
root folder or some subfolder. Open all the hindi HTML pages one by one in any
editor like Front page/Notepad and insert the following code between the
<HEAD> and </HEAD> tags -
<html>
<head>
<defanged-meta http-equiv ="Content-Type"
content ="text/html; charset =x-user-defined">
<SCRIPT SRC="hindifonts.js" TYPE="text/javascript">
</SCRIPT>
</head>
<body>
.....
.....
</body>
This code you have to include on all hindi HTML pages.
2. Download the Javascript file "hindifonts.js"
and modify it. What you have to do is only replace the "Font Name" i.e.
names of EOT and PRF files with the existing one. If you are keeping these
files into some subfolder then also put the path. e.g. suppose you are keeping
the EOT file in subfolder "fonts" the specify the path in JS file as
"fonts/name of EOT ". keep this JS file in root to avoid confusions.
Example :
Suppose you have used leap office font
"DVW-TTYogesh" to prepare the web site in Hindi. Now you have to create the EOT
file for the same font using above mentioned procedures and tools. Suppose you
have created the EOT file with name "DVTTYOG0.EOT". After creating these EOT
file you have to modify the "hindifonts.js" file by opening it in
"Notepad" as :-
bVer = parseInt(navigator.appVersion);
if (bVer > = 4)
{
document.write ('<TITLE>GIST (UsingEOTs)</title>');
document.write ('<style type="text/css">');
document.write (' @font-face {');
document.write (' font-family: DVW-TTYogesh'+"\;");
document.write (' font-style: normal'+"\;");
document.write (' font-weight: normal'+"\;");
document.write (' src: url("DVWTTYOG0.eot")');
document.write ('}');
document.write('</style>');
}
Here in the case of EOT, WEFT creates the default name without
asking you so check which file it has created for you and specify the same
name.
Do not use any other Character set definition other
than "charset =x-user-defined" .
If any line is there in your HTML code then delete it.
When you have finished all this process then Publish/FTP your web
site along with following -
-
Java Script file
-
EOT file
Note : The Dynamic font would work
only when you browse your web site from a web server on which the Font (MIME
Type) is configured. It would not work from your local directory.
^
TOP ^