Validated. But !!!! font problems persist

**sanchan89** · 10-07-2008 09:21 AM

I used the w3c code validator the code. It says
# Error no document type declaration; implying "<!DOCTYPE HTML SYSTEM>"
# Error Line 14, Column 6: end tag for "HEAD" which is not finished .
# Error Line 24, Column 79: non SGML character number 129 .

But that is not the problem. The TABMalli font is properly displayed in IE. But not in Firefox. Any ideas??? Using <font face='TABMAlli'> in the place of the span tags also gives the same result.

HTML Code:

<html>
<head>
<style type="text/css">
		.tamil{
			font-size: 1.5em;
			font-family: TABMalli;
		}
		.table {
			margin-bottom: 15px;
			width: 100%;
			border-collapse: collapse;
		}
</style>
</head>
<body>
<form method='POST' action='redirect.php'>
<table class='table'>
	<tr class='row1'><td><span style='font-size:1.5em'>Section A</span></td></tr>
	<tr><td><span style='font-size:2.2em'>Social_Tamil</span></td></tr>
	<tr><td>
		<input type="radio" name="part" value="Choose_" ><span class='tamil'>Â«Ã®Â£Â¢Â¾ ÂªÃªÃ²</span>
		<input type="radio" name="part" value="Fillup_" ><span class='tamil'>Ã¯Â¤Ã³Ã°Â¢Â¹Ã¨</span>
		<input type="radio" name="part" value="MatchTheFollowing_" ><span class='tamil'>ÂªÃ°Â£Â¼Ã®Â¢Â¶Ã¨</span>
		<input type="radio" name="part" value="ShortQues_" ><span class='tamil'>ÃªÂ¤ÃÃµÂ¤Ã¹Â£</span>
		<input type="radio" name="part" value="LongQues_" ><span class='tamil'>ÂªÃ°Â¼ ÃµÂ¤Ã¹Â£</span>
		<input type="radio" name="part" value="Map_Map" ><span class='tamil'>ÃµÂ¬Ã³Ã°Ã¬Ã±</span>
		<input type="radio" name="part" value="LongQues_time" ><span class='tamil'>Ã¨Â£Ã´Ã¨Â¢  Â«Ã¨Â£Â´Ã¨Ã·</span>
	</td></tr>
	<tr><td>
		<input type="submit" class="button"	name="submit" value="Choose">
	</td></tr>
</table>
</form>
</body>
</html>

Please help somebody!! I am really frustrated

**Fang** · 10-07-2008 10:33 AM

TABMalli is a non standard font, don't expect it to be available on any system or browser except your version of IE.

**sanchan89** · 10-07-2008 10:54 AM

Its a different language. Its Tamil. I have no choice but to use that specific font. The data in the database is encoded for display using this particular font.

This code is completely valid, by w3c standards. I have the font in Firefox. But its not displaying properly in my system. IE displays it properly. Only the display in firefox, is not proper. Any ideas????

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Testing</title>
<style type="text/css">
		.table {
			margin-bottom: 15px;
			width: 100%;
			border-collapse: collapse;
		}
</style>
</head>
<body>
	<form method="post" action="redirect.php">
		<table>
		<tr><td><span>Section A</span></td></tr>
		<tr><td><span>Social_Tamil</span></td></tr>
		<tr><td>
			<input type="radio" name="part" value="Choose_" /><span style="font-family:TABMalli;">«î£¢¾ ªêò</span>
			<input type="radio" name="part" value="Fillup_" /><span style="font-family:TABMalli;">ï¤óð¢¹è</span>
			<input type="radio" name="part" value="MatchTheFollowing_" /><span style="font-family:TABMalli;">ªð£¼î¢¶è</span>
			<input type="radio" name="part" value="ShortQues_" /><span style="font-family:TABMalli;">ê¤Áõ¤ù£</span>
			<input type="radio" name="part" value="LongQues_" /><span style="font-family:TABMalli;">ªð¼ õ¤ù£</span>
			<input type="radio" name="part" value="Map_Map" /><span style="font-family:TABMalli;">õ¬óðìñ</span>
			<input type="radio" name="part" value="LongQues_time" /><span style="font-family:TABMalli;">è£ôè¢  «è£´è÷</span>
		</td></tr>
		</table>
	</form>
</body>
</html>

**Fang** · 10-07-2008 12:43 PM

Are you sure that font name is correct? Tamil uses Mylai font, doesn't it?

Also check that the browser font options in Firefox are the same as in IE

**sanchan89** · 10-07-2008 01:48 PM

The font name is correct. Apparently, there are a lot of fonts for Tamil, and for some obscure reason, the back-end was developed to use the TAB~ fonts.

when I replaced the span tags with font face=TabMalli, it worked.
But when I plugged the part back into the project, it didn't. The culprit >>

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

When I removed this line, the font was displayed properly, but EVERYTHING else looks totally screwed up.
The project is pretty huge, and already half complete because testing was mainly restricted to IE6 ( with valid reasons ). But now, the management requires portability to Firefox also, and I have NO idea how I am going to get this working. Please help!!

**felgall** · 10-07-2008 03:07 PM

Have you tried adding a meta tag identifying the character encoding that the page should use. It may be that the character encoding it is selecting by default doesn't support that font.

**sanchan89** · 10-08-2008 12:29 AM

HTML Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
 span.c2 {font-size:2.2em}
 span.c1 {font-family: TabMalli}
/*]]>*/
</style>
</head>
<body>
<span class="c1">«î£¢¾ ªêò;</span>
<span class="c1">ï¤óð¢¹è;</span>
<span class="c1">ªð£¼î¢¶è;</span>
<span class="c1">ê¤Áõ¤ù£;</span>
<span class="c1">ªð¼ õ¤ù£;</span>
<span class="c1">õ¬óðìñ;</span>
<span class="c1">è£ôè¢  «è£´è÷;</span>
</body>
</html>

Its still getting displayed properly in IE6, not in Firefox.

**opifex** · 10-08-2008 03:35 AM

Unfortunately, a lot of TAB fonts do not render in Firefox and TABMalli is one of them. the closest TTF replacement is TabMaduram. It's a little shorter and slightly wider, but is also based on the Tamilnet 99 font so it renders the characters in Tamil.

If the following is unacceptable, you'll have to hack it or put separate style sheets.

Code:

		.tamil {
			font-size: 1.5em;
			font-family: TABMalli,TABMaduram;
		}

AND.... of course offer the download of BOTH fonts.

* a nice place to use browser detection (client side or server side) and only offer TABMaduram.ttf to Firefox users, TABMalli.ttf for IE, Safari and Opera and maybe both to other browsers ?

**sanchan89** · 10-08-2008 04:14 AM

Thanks a lot for your help. I can't thank you enough.
IE6 doesn't render TabMaduram.
Firefox doesn't render TabMalli.

I guess I have to do the browser detection and stuff.
Thanks a lot again

**sanchan89** · 10-08-2008 09:29 AM

I have done the browser detection and browser specific CSS.
But now there is a new problem.

There are boxes in between the text. Like ' te[]sting '. Thats in the case of IE.
In case of Firefox, arbitrary symbols, like Euro and pound start popping up in the place of the boxes.

I suppose this must have happened to lot of people. Any help guys?

**opifex** · 10-08-2008 10:46 AM

how did you go about it? there are lots of different methods.
can't begin to help without the code/css.

**sanchan89** · 10-08-2008 11:07 AM

Well, the CSS seems to be fine.
See, I am rebuilding a website. I traced the problem to the database.

The database served up > è£ø¢Áî¢ î¬ì¬ò âî€ó¢ªè£÷¢÷Ÿñ¢
And therefore my code dispalyed > my è£ø¢Áî¢ î¬ì¬ò âî€ó¢ªè£÷¢÷Ÿñ¢
But the older web page displays > è£ø¢Áî¢ î¬ì¬ò âî¤ó¢ªè£÷¢÷¾ñ¢

The original page is here : [URL="http://onlinett.tenet.res.in/Education/XStd/OnlineTT/final/src/posting/Post/sectwise.php?section=Fillup&face=TabMalli&size=5&Subject=Science_Tamil&board=Tamil%20Nadu&url=sectwi se.php|section=FillUp"]
There seems to be a discrepancy in the database.
I have not changed anything. Is it possible that the database could get corrupted in such a way??

**opifex** · 10-08-2008 11:57 AM

go into the database to verify that the "€" (or any other "spurious" character) actually exists in the table.

**sanchan89** · 10-08-2008 02:13 PM

Well, I rebuilt the database. The problems are gone now.
The database was corrupted when I built it. Don't know how that happened now.

Also, I found a tamil font that renders, though not very readable, in both Firefox and IE6. I haven't tested on others though.

They can be found here >>

http://www.elcot.in/tamilfonts_download_list.php

Thought you might be interested. Thanks a lot for all your help.

Thread: Validated. But !!!! font problems persist

Thread Tools

Display

Validated. But !!!! font problems persist

Thats true.., BUT

A hint >>

Tried that also....., No progress

problem version 2

Totallyy confused

Thanks.

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions