Font stretching?

J

Jonathan N. Little

Ole said:
Hi,

is it possible with HTML to show a "stretched" font? I want a
parenthesis "(" resp. ")" to have the full height of a table cell.

See http://olebole.lima-city.de/aa.html for an example.

Regards,
Click to expand...

No not automatically. What you could do is make their font size X * the
rows that they span, but it will make them bigger not stretched.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en-us">
<title>template</title>

<style type="text/css">
/* set line height to consistant 1 for formulas */
table.formula { border-collapse: collapse; line-height: 1; }

/* set font size #x rows to span for parenthesis */
td.span3 { font-size: 3em; }
</style>
</head>
<body>
<table class="formula">
<tr><td></td><td rowspan="3" class="span3">(</td><td></td><td>A + b + c
+ d</td><td rowspan="3" class="span3">)</td></tr>
<tr><td>x=exp</td><td>1-</td><td><hr></td></tr>
<tr><td></td><td></td><td>D + e + f + g</td></tr>
</table>
</body>
</html>


Other option use images and stretch the height attribute. Then again
this seems to be the case for MathML. Good luck with IE. Explains what
so many site with formulas presented as images!
 
O

Ole Streicher

Jonathan N. Little said:
No not automatically. What you could do is make their font size X *
the rows that they span, but it will make them bigger not stretched.
Click to expand...

This is what I do not know at the place. Is there really no way to
override the "100 % means normal size" behaviour of sizing fonts to
"100 % means full cell height"?
Other option use images and stretch the height attribute. Then again
this seems to be the case for MathML. Good luck with IE. Explains what
so many site with formulas presented as images!
Click to expand...

Yes. The problem is not only IE, but also Firefox: my one (2.0.xx)
cannot print Mathml formulas, and it is much more difficult to
fine-tune the output (I would not do this if mathml presentation in
firefox would be perfect, but it is not).

On the other hand, the infrastructure to build formulas with images is
much more complicated since I usually need LaTeX & Co. Especially if I
need to present on-the-fly generated formulas this would be a
nightmare. And, one cannot cut-and-paste from the image. etc.pp.

Regards,

Ole
 
J

Jonathan N. Little

Ole said:
This is what I do not know at the place. Is there really no way to
override the "100 % means normal size" behaviour of sizing fonts to
"100 % means full cell height"?
Click to expand...

Not that I know of. Not sure which 100% you mean?

"font-size: 100%" means just that 100% of the font size not a ratio with
respect to width. "line-height: 1.5" is a ratio of the line to line
spacing in terms of the font height. Again does not distort the glyph
Yes. The problem is not only IE, but also Firefox: my one (2.0.xx)
cannot print Mathml formulas, and it is much more difficult to
fine-tune the output (I would not do this if mathml presentation in
firefox would be perfect, but it is not).
Click to expand...

I have no problem SeaMonkey SeaMonkey 1.1.9 is is essentially Firefox 2.x

http://xml-maiden.com/userjs/mathml/examples/xml/ham.xhtml

Prints formulas just fine. Maybe you need the fonts...

http://www.mozilla.org/projects/mathml/fonts/
Fonts for MathML-enabled Mozilla
On the other hand, the infrastructure to build formulas with images is
much more complicated since I usually need LaTeX & Co. Especially if I
need to present on-the-fly generated formulas this would be a
nightmare. And, one cannot cut-and-paste from the image. etc.pp.
Click to expand...

Not sure what the "pp." is, but if you do you formulas in a word
processor like Word

http://math-editor.sourceforge.net/
Mathematics and Drawing Toolbars for Microsoft Word: Home

You can take a screenshot, crop, and save as image for your
pages...seems to be what most sites do.
 
J

Jukka K. Korpela

Scripsit Ole Streicher:
Is there really no way to
override the "100 % means normal size" behaviour of sizing fonts to
"100 % means full cell height"?
Click to expand...

In CSS, no. Doing such things in JavaScript might be possible, but
overkill.

You don't really want to size fonts to the cell height. Rather, you want
to parts of your mathematical expression to have matching sizes, which
means, among other things, that parentheses may need to be several times
larger than normal characters. This is manageable, though not easy and
nice; see my
"Math in HTML (and CSS)",
especially section
"Towards two-dimensionality",
http://www.cs.tut.fi/~jkorpela/math/#twodim

Beware that this is a font issue too: the characteristics of parentheses
vary by font, and the differences become big when the font size gets
big. You might even consider using a separate font for large parentheses
for this reason.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Help with Visual Lightbox: Scripts 2
I need help fixing my website 2
Closing an overlay outside the overlay as well 1
SendGrid email issue in responsive Gmail 1
Snowing Effect 2
How to have two html audio players on one page? 0
Can anyone please help? HTML - two tables applying different styles 4
Bybit bot problem 0

Members online

No members online now.
Total: 43 (members: 0, guests: 43)
Robots: 441

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,054
Latest member
TrimKetoBoost

Latest Threads

Top