Dynamic Fonts

DYNAMIC FONTS

Dynamic fonts can be used for seamless viewing of the contents (web pages) when the corresponding font in which the content has been created is not present on clients machine. The Dynamic fonts are placed on the server on which the web pages are hosted. They travel to the client machine in a manner transparent to the user. They remain in the cache of the users machine till the time he is viewing a particular webpage and are rendered back the browser once the user exits out of the website.

Dynamic fonts are of 2 types : EOT's and PFR's

EOT - Embedded Open Type format is Microsoft technology of sending encoded fonts to the user. Embedded Open Type (EOT) are dynamic fonts generated from Microsoft's WEFT technology. The dynamic font generated will have the extension as .eot .If you have a link to an EOT on your page then the browser uses these EOT's to display the page with specified fonts (only IE 4.0 and above support EOT's). EOT's have specific URL roots so that only specified Web sites can use specific EOT's made for them. Once an EOT is prepared it is locked to that URL. So the same EOT cannot be used again for some other site.

PFR - Portable Font Resource is another way of sending fonts dynamically to the user. These are prepared using Bitstream's Web font Technology. Any True Type Font can be converted to Dynamic Font. The dynamic font generated will have the extension as .pfr. It can be used both in Netscape (4.03 and above) and IE (4.0 and above). In IE however, there is a one-time download of a control on the client's machine. (Please note that Dynamic fonts are not supported from Netscape 6.0 onwards).

Note: PFR's and EOT can co-exist on a single site. The Browser will sense the dynamic font and accordingly display.

Usually a JavaScript is used to query the browser and accordingly PFRs or EOTs are given to the client so that a particular font can be displayed without user's intervention. They can be placed on the server on which the web contents have been placed.

We provide EOT's and PFR's corresponding to C -DAC Web fonts only.

WEB fonts: It has been observed that with the new browsers being introduced, some locations of the fonts have been used by the application. To take care of this and to handle the excess spreading of the text in the browsers, a new set of fonts was required. This set of fonts is what is available as Web fonts - the monolingual web fonts and bilingual web fonts.

Process of creating web pages using GIST tools

In case of LEAP / iLEAP, go to File->Export-> and Export the file as RTF. This RTF file can be opened in MS-Word. Using the ISFOC convertors (available as Word Macro) you can convert the content prepared in Normal fonts to Web fonts. Once the content is converted to Web fonts (Monolingual / Bilingual), save the file as HTML. Make necessary changes in the Encoding as mentioned below to get the contents displayed properly.

If the document is typed using ISM range of softwares, then please make sure that you have the contents prepared in WEB Fonts. i.e., for Devanagari it should be DVW-TTYogesh or DVBW-TTYogesh.

Open the HTML File in an editor like Notepad and insert the part of the script in Green as it is, anywhere between the <HEAD> and </HEAD> tags as shown below:

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

Remember to delete a line containing any other char-set definition other than the one in this inserted paragraph under the tag. (<meta http-equiv="Content-Type" content="text/html; charset=x-user-defined">)

Note: The results can be tested only through a Web Server. For this you will require a Personal Web Server or IIS.

Usually a JavaScript (Language.js as given above) is used to query the browser and accordingly PFR's or EOT's are given to the client so that a particular font can be displayed without user‘s intervention. The JavaScript is included in the header of the HTML file. This has appropriate browser detection code and depending on the Browser the appropriate EOT or PFR information is included. The Java Script (Language.js) code for your information is given below.

bVer = parseInt(navigator.appVersion);

if (bVer >= 4)

{

if (navigator.appName == "Netscape")

document.write ("<TITLE>C-DAC on Netscape</title> <link rel='fontdef' src='http://www.cdacindia.com/pfr/DVW-TTYogesh.pfr'>");

else

{

document.write ('<TITLE>C-DAC on IE</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("http://www.cdacindia.com/eot/DVWTTYO0.eot")');

document.write ('}');

document.write ('</style>');

}

else

location.href="http://www.cdacindia.com/dynfonts";

This JavaScript is based on the basic assumption that the font used is DVW-TTYogesh font and the web site on which it is going to be hosted is http://www.cdacindia.com. Please upload the components on your site according to the following:

1. Language.htm file is there on the http://www.cdacindia.com server. This file contains the Indian Language text. If you open the source of this file, then the JavaScript file should be included as given above in the Language.htm source code.

2. Language.js should be placed in a directory by the name "js" directory (directory must be created on your WEB server if not present) of your WEB server so that from the HTML page the link should be visible as http://www.cdacindia.com/js/Language.js

3. DVWTTYO0.eot should be placed in the "eot" directory (directory must be created on your WEB server if not present) of your WEB server such that in Language.js the link should be visible as http://www.cdacindia.com/eot/DVWTTYO0.eot

4. DVW-TTYogesh.pfr should be placed in the "pfr" directory(directory must be created on your WEB server if not present) of your WEB server such that in Language.js file the link should be visible as http://www.cdacindia.com/pfr/DVW-TTYogesh.pfr. Please delete any existing fonts from your system to test HINDI.htm page from the Browser.