உங்கள் சொந்த இணையத்தளத்தில் வகை வகையான எழுத்து வடிவங்களை பாவிப்பது எப்படி?

ஒரு web page ல் அழகான எமக்கு விரும்பிய எழுத்து வடிவங்களைச் சேர்த்துக்கொள்வதற்கு சில வழிமுறைகள்

தமிழில் ஏராளமான அலங்கார எழுத்துக்கள் கிடைக்கின்றன. இவற்றை blogger, word press இவற்றில் சேர்த்துக்கொள்ள வகையுண்டோ தெரியாது
ஆனால் web hosting மூலமாக இணயத்தளம் கொன்டிருப்பவர்க்கு ( உதாரணமாக 100% இலவசமான இணையத்தளம் உருவாக்க http://www.1freehosting.com/)

இங்கே கூறும் முறையில் அழகான எழுதுருக்களை இணையப்பக்கத்துடன் சேர்த்து வைப்பதன் (embed) மூலமாக தமிழ் எழுத்து இல்லாதவர்களும் நாம் அலங்கார எழுத்துகளைக்கொண்டு செய்த பக்கங்களைப் அப்படியே பார்க்க முடியும்

http://tamilvimbam.com/ezuththu/index.html
இந்தப்பக்கத்தை திறந்ததும் இதன் மாதிரியை page source மெனுவில் கிளிக் செய்து எப்படி என பார்க்கவும்
(எழுத்துருக்களைப்பெற azhagi.com)

embed செய்வதற்கு microsoft ன் weftfont என்னும் மென்பொருளைப் பிரயோசனப்படுத்திக் கொள்ளலாம் . (http://www.microsoft.com/typography/weft.mspx) ,

ஆனால் அது கொஞ்சம் சிக்கலானதாகத் தெரிகிறது. அப்படிக் காணப்பட்டால் மிக இலகுவான முறை தருகிறேன்,
தங்களுக்கு விரும்பிய எழுத்துருவை எடுத்துக் கொள்ளவும்
உதாரணம் Sundaram-1352.ttf .

இதை கீழே காணும் முகவரியில் தரவிறக்கிகொள்ளலாம்

http://www.azhagi.com/



weftfont ஆனது ttf எழுத்துருக்களை eot ஆக மாற்றிய பின்னரே சேர்த்துக்கொள்கிறது. அந்த eot ஆக மாற்றிய எழுத்துருவையே சேர்த்து அனுப்பினால் ஒழுங்காக தமிழைக் காட்டுகிறது. ஆனால் அதுவும் Internet explorer ல் மட்டுமே சரிவரும் மற்றைய browser களான FIREFOX , CHROME ஆகியவற்றிற்கு என செய்வது அதற்குப் பிரச்சனையே இல்லை அவை TTF எழுத்துக்களை அப்படியே அனுப்பும்போது எந்த சிரமமுமில்லாமல் காட்டுகின்றன. ஆனால் சிறிய கட்டளை யிடும் சொற்கள் சேர்த்துக்கொள்ள வேண்டும். எப்படியென்று பார்ப்போம்
முதலில் IE க்கு
weftfont ஐ பாவிக்க விரும்பாவிடின் , எழுத்துருவை ttf2eot என்னும் இணையத்தளத்தில் eot ஆக மாற்றிக்கொள்ளுங்கள்.
http://www.ttf2eot.com .

அதன் பின்னர் கீழ்காணும் வரிகளை உங்கள் வெப் பக்கத்தில் இணைத்துக் கொள்ள வேண்டும் எப்படி
உங்கள் முதலாவது பக்கமான index.html ஆக இருந்தால் அதை notepad ல் திறந்து (உதாரணம் index.html ல் மவுசை வைத்து வலது பக்க பட்டனை அழுத்தி வரும் மெனுவில் edit with notepad ஐ தெரிவு செய்யவும்) அதற்குள் head க்கும் head கும் இடையில் காணப்படும் style தொடக்க இறுதிப்பகுதிக்குள் கீழ்காணும் வரிகளை இணைத்துக்கொள்ளவும்.
இவற்றில் font-family யின்பெயராக எதையும் வைத்துக் கொள்ளலாம் ஆனால் CCS File ல் இந்தப்பெயரை font family யாக கேட்கும் இடத்தில் போட வேண்டும்

@font-face {
font-family:Myfont;
src: url(Sundaram_1352.eot);
}


அடுத்தது மற்றைய பிரவுசர்களுக்கான வழிமுறையாக

@font-face {
font-family: Neelampari;
src: url(TAU_NEEN.TTF);
}

@font-face {
font-family: Padma;
src: url(TMOTPDN_Ship.ttf);
}

அடுத்ததாக
CCS File ஐ திறந்து (Notepad ல்) அதற்குள் இருக்கும் font family:Neelampari அல்லது Padma என்று அந்தந்த இடத்தில் (வேறு பெயரிருப்பின் சரியாக மாற்றிக் கொள்ளவும்)
html ல் பக்கத்தில் என்ன பெயர் கொடுத்தோமோ அதை அங்கே உள்ளிட்டுக்கொள்ள வேண்டும்

கவனிக்க வேண்டியது தமிழ் எழுத்துரு பலதுக்கும் இரண்டு பெயர்கள் காணப்படுகின்றன. அதில் நாங்கள் இணையத்தில் சேர்க்கும்போது font ன் பெயராக என்ன பெயர் காட்டுகிறதோ அதை சேர்த்துக்கொள்ளுங்கள் உதாரணம்
TAU_Elango_Pavalam.ttf என்ற எழுத்துக்கு இன்னொரு பெயர் TAU_PAVN.TTF

இன்னுமொன்று சில ttf என்றும் சைஅல் TTF என்றும் காணப்படுகின்றன. அப்படியே இட்டுக்கொள்ளவும்


மறக்க வேண்டாம் . உங்கள் இணைய தளத்தில் பக்கங்களை அப்லோட் செய்யும்போது எழுத்துக்களையும் அப்லோட் செய்து கொள்ளுங்கள்
இந்த வகையில் வகையில் எத்தனை எழுத்துருவும் பாவிக்கலாம்}

http://tamilvimbam.com/ezuththu/index.html

பயனுள்ள தகவல் அண்ணா!

இணையத்தளம் தயாரிக்க உதவும் தகவல்.

நன்றிகள்! சிவா அவர்களுக்கும் யாழ்பாவாணன் அவர்களுக்கும்
கீழ் காணும் உதாரணப் பக்கம் பார்க்கவும்!

இது IE ல் சரியாக வராது. மற்றைய எந்தப் Browser இலும் வேலை செய்யும்

http://tamilvimbam.com/ezuththu/index.html