Re: [css-d] Image Replacement - Will it be necessary

[Richard Brown]

Hi All

On 27/01/07, ~davidLaakso <[EMAIL PROTECTED]> wrote:
> Richard Brown wrote:
> > 
> > Currently I am trying this:
> > I am not sure how it looks on Windows but on Mac it looks bad!
> >
> After making the correction  the Holly sent (the missing hyphen), I
> would change the order from: font-family: "Palatino Linotype", "Book
> Antiqua", Palatino, "Times New Roman", Times, serif;
> to: font-family: "Palatino Linotype", Palatino, "Book Antiqua", "Times
> New Roman", Times, serif;
> Almost all windows machines will see Palatino Linotype (ME will get
> TNR); most macs will see Palatino (I think). What Linux distros will see
> is anyone's guess (I guess).
> Best,
> ~dL
Many thanks to all and to the suggestions made. I went with David's
idea mostly because his understanding of typography has to be one of
the best.

Having said that - the client has to like it!
-- 
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.
Romans 12 v 1
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image Replacement - Will it be necessary

[Thierry Koblentz]

Richard Brown wrote:
> I am hoping that I will not need to use image replacement to achieve
> what I want! The site is located at:
> 
> CSS is:
>

> The image is:
> 
> Is it possible please using only web fonts available to create an
> approx style to the image.

You may want to give a try to this Image Replacement technique [1] (if you
decide to go this route) as it has a few advantages over SPANs:
- it uses a semantic element
- the image is sent to the printer
- you have access to the ALT attribute
- you can make the image scale [2]

[1] http://www.tjkdesign.com/articles/tip.asp
[2] http://www.tjkdesign.com/articles/tip_5.asp

---
Regards,
Thierry | www.TJKDesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image Replacement - Will it be necessary

[~davidLaakso]

Richard Brown wrote:
> 
> Currently I am trying this:
> I am not sure how it looks on Windows but on Mac it looks bad!
>   
After making the correction  the Holly sent (the missing hyphen), I 
would change the order from: font-family: "Palatino Linotype", "Book 
Antiqua", Palatino, "Times New Roman", Times, serif;
to: font-family: "Palatino Linotype", Palatino, "Book Antiqua", "Times 
New Roman", Times, serif;
Almost all windows machines will see Palatino Linotype (ME will get 
TNR); most macs will see Palatino (I think). What Linux distros will see 
is anyone's guess (I guess).
Best,
~dL
PS Felix is always around except when one needs him.

-- 
http://chelseacreekstudio.com/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image Replacement - Will it be necessary

[Holly Bergevin]

From: "Richard Brown" <[EMAIL PROTECTED]>

>
>CSS is:
>

>Currently I am trying this:
>font-size: 3em;
>font family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New
>Roman", Times, serif;
>font-style: italic;
>color:#30261d;
>I am not sure how it looks on Windows but on Mac it looks bad!

I haven't an opinion about the image replacement, and you've gotten another 
suggestion, anyway, but the first thing you might want to do to see if the 
selector is going to work acceptably is to get the property name right. 

font-family - with a hyphen, instead of font family, will at least get the 
browsers to read your font list. As it stands now, I'm seeing the sans-serif 
fallback that you've written for the body element. 

When I add the hyphen in font-family, I do get a serif font instead, though I'm 
not wise enough about type styles to know what it is (other than it's not Times 
New Roman).

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image Replacement - Will it be necessary

[Amy M Ostrom]

Dear Richard:

Not many people will have that particular font available, so while you 
have set up the font-family as best you could, I believe it would be 
futile to attempt.  Rather, to increase readability/accessibility, I 
incorporated a technique that turns the logo image into a background and 
uses a regular text for an invisible link above it.  This way, you have 
the visual appeal you are hoping for, but your logo is actually text and 
not an image.  Turn off the CSS and you'll see what I mean.

An example can be seen on a test page I was working on.  The code to 
look at (the CSS is messy though), is:

 
  
http://www.jocobusiness.net"; title="JoCoBusiness 
home.">JoCoBusiness

Business services provided by the Johnson County 
Library, Kansas.
  
 

You can see this at: http://www.jocolibrary.org/files2/test/business/

In fact, if this doesn't work on a Mac, please let me know. ;-)

-- 

In peace,

Amy M Ostrom
Web Interface Designer
[EMAIL PROTECTED]
http://www.tc.umn.edu/~aostrom/

"For dangers untold and hardships unnumbered, I have fought my way to the 
castle beyond the goblin city to take back the child that you have stolen. For 
my will is as strong as yours, and my kingdom is as great. You have no power 
over me." -Labyrinth


Richard Brown wrote:
> Hi All
>
> I am hoping that I will not need to use image replacement to achieve
> what I want! The site is located at:
> 
> CSS is:
> 
> The image is:
> 
> Is it possible please using only web fonts available to create an
> approx style to the image.
>
> Currently I am trying this:
> font-size: 3em;
> font family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New
> Roman", Times, serif;
> font-style: italic;
> color:#30261d;
> I am not sure how it looks on Windows but on Mac it looks bad!
>
> Many thanks for the help.
>   

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/