/    Sign up×
Community /Pin to ProfileBookmark

Validated. But !!!! font problems persist

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.

[code=html]<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>[/code]

Please help somebody!! I am really frustrated

to post a comment
CSS

13 Comments(s)

Copy linkTweet thisAlerts:
@FangOct 07.2008 — TABMalli is a non standard font, don't expect it to be available on any system or browser except your version of IE.
Copy linkTweet thisAlerts:
@sanchan89authorOct 07.2008 — 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????

[code=html]<!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>[/code]
Copy linkTweet thisAlerts:
@FangOct 07.2008 — 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
Copy linkTweet thisAlerts:
@sanchan89authorOct 07.2008 — 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 >>

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


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!!
Copy linkTweet thisAlerts:
@felgallOct 07.2008 — 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.
Copy linkTweet thisAlerts:
@sanchan89authorOct 08.2008 — [code=html] <!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>[/code]


Its still getting displayed properly in IE6, not in Firefox.
Copy linkTweet thisAlerts:
@opifexOct 08.2008 — 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;
}[/CODE]


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

[B][I]* 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 ?[/I][/B]

[upl-file uuid=2ae330fb-1a79-4084-a931-a4c9af2b86b7 size=49kB]TABMaduram.zip[/upl-file]

[upl-file uuid=8bf08549-3c0e-4c32-9ab7-12619e2d55e1 size=35kB]TABMALLI.zip[/upl-file]
Copy linkTweet thisAlerts:
@sanchan89authorOct 08.2008 — 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
Copy linkTweet thisAlerts:
@sanchan89authorOct 08.2008 — 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?
Copy linkTweet thisAlerts:
@opifexOct 08.2008 — how did you go about it? there are lots of different methods.

can't begin to help without the code/css.
Copy linkTweet thisAlerts:
@sanchan89authorOct 08.2008 — 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=sectwise.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??
Copy linkTweet thisAlerts:
@opifexOct 08.2008 — go into the database to verify that the "&#8364;" (or any other "spurious" character) actually exists in the table.
Copy linkTweet thisAlerts:
@sanchan89authorOct 08.2008 — 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.
×

Success!

Help @sanchan89 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...