How to implement Aprant Dyanamic Font on your website
Posted on by admin

This tutorial talks about HOW TO implement Aprant Web Dynamic Font ( Unicode ) on your website. Please note that Aprant Dynamic Font is a licensed product. You must obtain this from us in order to use it on your website.

OS Support: Tested successfully on MS Windows (XP, 7 and 8), Linux ( using Firefox), Android ( using Google Chrome), Apple iOS and Mac OS X ( using Apple Safari).

Note: Open AprantDynamic.js file, and see the javascript variable “path_to_eot” is pointing to the right path. In our case it is “/aprant_ime/”. If you want a different path or folder then, you have to replace “aprant_ime” path with your path, in this file and acordingly in this tutorial wherever “aprant_ime” is mentioned.

Steps :

1. Upload the entire “aprant_ime” folder ( after you unzipped the zipped file you received from us ) and it’s entire content to document root of your server ( public_html or htdocs or httpdocs etc.) .

2. Include the following Javascript as the top most lines among all others Stylesheets and Javascript lines.

<script type="text/javascript" src="/aprant_ime/AprantDynamic.js"></script>
<link href="/aprant_ime/aprantstyle.css" rel="stylesheet" type="text/css" />

. . . . . other stylesheet and javascript files follow from here...

. . . . . 

3. Important: Your new Odia Font Family is “AprantWeb”. And for your convenience and to make it easy for you, using this font family we have defined some style classes in the aprant_ime/aprantstyle.css file that is included in the package and for ready to use purpose. If you wish you can modify or customize the css file.

4. Important: Now wherever you want Aprant font to take it’s effect for the Odia text on a html page, ( usually inside a DIV or SPAN tag), you can do so as following:

<div class="aprant18">

ସାମାଜିକ ପରିବର୍ତ୍ତନ ପାଇଁ ସାହିତ୍ୟ ଦ୍ବାରା ସୃଷ୍ଟି ବୈଦ୍ଧିକ ଭିତ୍ତିଭୂମି ଏବଂ ଓଡ଼ିଶା ପରି ଏକ ରାଜ୍ୟର ସାମଗ୍ରିକ ବିକାଶ ପାଇଁ ଓଡିଆ ସାହିତ୍ୟର ଯେଉଁ ଭୂମିକା ରହିଛି, ସେହି ଦିଗ ପ୍ରତି ଆମେ ଶିକ୍ଷିତ ଓଡ଼ିଆମାନେ କେତେ ଦୂର ସଚେତନ? ସାଧାରଣ ଓଡ଼ିଆ ଜୀବନରେ ଆଲୋଡ଼ନ ସୃଷ୍ଟି କରିବାରେ ଓଡ଼ିଆ ସାହିତ୍ୟ ସଫଳ ହୋଇଛି କି? ସର୍ବୋପରି, ଓଡ଼ିଆ ଭାଷା ଓ ସାହିତ୍ୟର ପ୍ରଚାର ଓ ପ୍ରସାର ଦିଗରେ ଆମେ ଓଡ଼ିଆମାନେ କେତେ ଯତ୍ନବାନ୤

</div> // First type of usage Example


<div class="some_other_class aprant16">

ଏଇଠି ଆମେ ସୂଚେଇ ଦେବାକୁ ଚାହୁଁ, ସ୍ବତନ୍ତ୍ର ପ୍ରଦେଶ ଗଠନ ହେବାର ଦୀର୍ଘ ଅଣଚାଶ ବର୍ଷ ପରେ ହିଁ ଆମ ଓଡିଆଙ୍କ ନିଦ ଭାଙ୍ଗିଲା ୤ ଅର୍ଥାତ୍ ପହିଲା ଅପ୍ରେଲ୍ ୧୯୮୫ଠୁ ହିଁ ଓଡିଆ ଭାଷା ସରକାରୀ ଭାଷାର ମର୍ଯ୍ୟାଦା ପାଇଲା ୤

</div> // Second type of usage Example


<span class="aprant16">

ସଚିବାଳୟ ଠାରୁ ବ୍ଲକ୍ ପର୍ଯ୍ୟନ୍ତ ଯେପରି ସବୁ ସ୍ତରରେ ଓଡିଆ ଭାଷାର ବ୍ୟବହାର ଠିକ୍ ଭାବରେ ହୋଇ ପାରିବ, ସେଥିପ୍ରତି ଦୃଷ୍ଟିଦେବାକୁ ତତ୍‌କାଳୀନ ମୁଖ୍ୟମନ୍ତ୍ରୀ ମନ୍ତ୍ରିମଣ୍ଡଳର ସଦସ୍ୟମାନଙ୍କୁ ନିର୍ଦ୍ଦେଶ ଦେଲେ୤ ଏହା ଭିତରେ ବିତି ଗଲାଣି ପ୍ରାୟ ଦୁଇ ଦଶନ୍ଧି୤ କିନ୍ତୁ, ପରିଣତି ସମସ୍ତଙ୍କ ସାମ୍ନାରେ୤

</span> // Third type of usage Example

See how we have used here the classes “aprant18” and “aprant16” (both in DIV and SPAN). These classes are already defined for you in the stylesheet file “aprant_ime/aprantstyle.css” provided to you. If you want to learn more, you can go through this stylesheet file. You can also customize the stylesheet files to change the font size or color or weight.

Note: If you are hard-coding Odia Text in a static HTML file ( i.e, not using Database or CMS ) then make sure you save your HTML file encoded with UTF-8 BOM. Most of the Text Editor such as Notepad++ has this option available.
Important Note: Without understanding and implementing properly the point #3 and #4, your website will not become cross-browser and cross-platform compatible.

Leave a Reply