Flipping a font
1 view
Skip to first unread message
arc...@houseoffusion.com
Jul 8, 2005, 3:16:11 PM7/8/05
to arc...@houseoffusion.com
Archive: http://www.houseoffusion.com/lists.cfm/link=i:5:163901
---
Isaac,
If you have control over installing a font, do you have control over
what browsers will be used?
Check out this page:
http://www.hypergurl.com/cssflipfilter.html
It doesn't work on every browser, but where it does it looks like it
can handle what you need.
Jerry Johnson
Discover CFTicket - The leading ColdFusion Help Desk and Trouble
Ticket application
http://www.houseoffusion.com/banners/view.cfm?bannerid=48
---
Isaac,
If you have control over installing a font, do you have control over
what browsers will be used?
Check out this page:
http://www.hypergurl.com/cssflipfilter.html
It doesn't work on every browser, but where it does it looks like it
can handle what you need.
Jerry Johnson
Discover CFTicket - The leading ColdFusion Help Desk and Trouble
Ticket application
http://www.houseoffusion.com/banners/view.cfm?bannerid=48
arc...@houseoffusion.com
Jul 8, 2005, 3:39:08 PM7/8/05
to arc...@houseoffusion.com
Archive: http://www.houseoffusion.com/lists.cfm/link=i:5:163930
---
Well, not exactly control, I can't change the browser no matter how much I would like to, but I definitely can count on a homogenous browser field of IE6. Which works!
Using the CSS properties - "filter: flipV;" and "writing-mode: tb-rl;" combined with a reversed font and spelling the labels backwards, "laoG" for example, I can now present these demanding users with there precious table labels that read bottom-top left-right! At least in IE6 browsers. Good gracious what I do for these people!
CODE TEST
--------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fonts</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="all">
p
{
writing-mode: tb-rl;
font-size: 20px;
}
div#flipped p
{
filter: flipV;
}
p.normal
{
font-family: Arial;
}
p.reversed
{
font-family: "Jason's Reversed Arial";
}
p.inverted
{
font-family: "Jason's Inverted Arial";
}
</style>
</head>
<body>
<p class="normal">Fonts</p>
<p class="reversed">Fonts</p>
<p class="inverted">Fonts</p>
<hr/>
<p class="normal">stnoF</p>
<p class="reversed">stnoF</p>
<p class="inverted">stnoF</p>
<hr/>
<div id="flipped">
<p class="normal">Fonts</p>
<p class="reversed">Fonts</p>
<p class="inverted">Fonts</p>
<hr/>
<p class="normal">stnoF</p>
<p class="reversed">stnoF</p><!--- The one I needed for this purpose --->
<p class="inverted">stnoF</p>
</div>
</body>
</html>
--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
"C code. C code run. Run code run. Please!"
- Cynthia Dunning
....-----Original Message-----
....From: Jerry Johnson [mailto:jmi...@gmail.com]
....Sent: Friday, July 08, 2005 12:16 PM
....To: CF-Community
....Subject: Flipping a font
....
....Isaac,
....
....If you have control over installing a font, do you have control over
....what browsers will be used?
....
....Check out this page:
....
....http://www.hypergurl.com/cssflipfilter.html
....
....It doesn't work on every browser, but where it does it looks like it
....can handle what you need.
....
....Jerry Johnson
....
....
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49
---
Well, not exactly control, I can't change the browser no matter how much I would like to, but I definitely can count on a homogenous browser field of IE6. Which works!
Using the CSS properties - "filter: flipV;" and "writing-mode: tb-rl;" combined with a reversed font and spelling the labels backwards, "laoG" for example, I can now present these demanding users with there precious table labels that read bottom-top left-right! At least in IE6 browsers. Good gracious what I do for these people!
CODE TEST
--------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Fonts</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="all">
p
{
writing-mode: tb-rl;
font-size: 20px;
}
div#flipped p
{
filter: flipV;
}
p.normal
{
font-family: Arial;
}
p.reversed
{
font-family: "Jason's Reversed Arial";
}
p.inverted
{
font-family: "Jason's Inverted Arial";
}
</style>
</head>
<body>
<p class="normal">Fonts</p>
<p class="reversed">Fonts</p>
<p class="inverted">Fonts</p>
<hr/>
<p class="normal">stnoF</p>
<p class="reversed">stnoF</p>
<p class="inverted">stnoF</p>
<hr/>
<div id="flipped">
<p class="normal">Fonts</p>
<p class="reversed">Fonts</p>
<p class="inverted">Fonts</p>
<hr/>
<p class="normal">stnoF</p>
<p class="reversed">stnoF</p><!--- The one I needed for this purpose --->
<p class="inverted">stnoF</p>
</div>
</body>
</html>
--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
"C code. C code run. Run code run. Please!"
- Cynthia Dunning
....-----Original Message-----
....From: Jerry Johnson [mailto:jmi...@gmail.com]
....Sent: Friday, July 08, 2005 12:16 PM
....To: CF-Community
....Subject: Flipping a font
....
....Isaac,
....
....If you have control over installing a font, do you have control over
....what browsers will be used?
....
....Check out this page:
....
....http://www.hypergurl.com/cssflipfilter.html
....
....It doesn't work on every browser, but where it does it looks like it
....can handle what you need.
....
....Jerry Johnson
....
....
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49
Reply all
Reply to author
Forward
0 new messages