
September 9th, 2003, 11:25 AM
|
|
Junior Member
|
|
Join Date: Sep 2003
Posts: 2
Time spent in forums: < 1 sec
Reputation Power: 0
|
|
|
CSS2 Embedded Font Resizing - Possible?
I have a font I want to embed that works very well. The problem is that the font is about 1.5-2.0 times as large as the other default fonts like Arial, Verdana, Times. Is there any method I can use to "resize" this embedded font to force it to be 12px tall (12px is my body baseline and I use ems from there on out so I can resize on-the-fly with style sheets). My concern is that if a browser won't take the embedded font then there will be a huge differential between the embedded font "size" at 12px and the alternate font (Arial, Helvetica, Verdana) "size." I would expect a command like font-size to work within @font-face but it does not.
I am enclosing an annotated screenshot that show the difference.
@font-face {
font-family: Beast Machines;
font-style: normal;
font-weight: normal;
unicode-range: U+0-1F, U+10CF*;
src: url(fonts\BEASTMA0.eot);
}
I also tried per the w3.org reference:
units-per-em:2048;
cap-height:1024;
to the font-face definition in an attempt to shrink it by 50% but this did not work. Any suggestions would be appreciated.
|