Non Web fonts on webpage

[-Dave]

Hey Gang,

When I see something cool on a site, like most of us, I check out the code and css to see how something was accomplished.

Recently, I came across a site that was using fonts aside form the generic web fonts.
I couldn't figure out by looking at code or css exactly how it was done.
I noticed that in the css the font-family wa set for Lucida (or other unique fonts).

Is it as simple as naming a font.. and if it exisits on the users computr, then it's render on the webpage (then like normal css, put Arial, Verdana ect as the alternate fonts).

Or, is it more involved.
I've heard the term FlashFonts and weft (I may have the letters wrong) thrown around.. but I can't find a clear explanantion or tutoiral on how to pull it off.

Can someone give me some guidance?

Thanks
-Dave

[-Dave]

Hey Gang,

When I see something cool on a site, like most of us, I check out the code and css to see how something was accomplished.

Recently, I came across a site that was using fonts aside form the generic web fonts.
I couldn't figure out by looking at code or css exactly how it was done.
I noticed that in the css the font-family wa set for Lucida (or other unique fonts).

Is it as simple as naming a font.. and if it exisits on the users computr, then it's render on the webpage (then like normal css, put Arial, Verdana ect as the alternate fonts).

Or, is it more involved.
I've heard the term FlashFonts and weft (I may have the letters wrong) thrown around.. but I can't find a clear explanantion or tutoiral on how to pull it off.

Can someone give me some guidance?

Thanks
-Dave

[Murray *TMM*]

Show me the page and I'll tell you how they are doing it. If I had to
guess, I'd say it's sIFR -

[url]http://www.mikeindustries.com/blog/archive/2004/08/sifr[/url]

or here -

[url]http://www.macromedia.com/devnet/mx/dreamweaver/articles/sifr_demo.html[/url]


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"-Dave" <d@d.com> wrote in message
news:djm2v6$hci$2@forums.macromedia.com...
Hey Gang,

When I see something cool on a site, like most of us, I check out the code
and css to see how something was accomplished.

Recently, I came across a site that was using fonts aside form the generic
web fonts.
I couldn't figure out by looking at code or css exactly how it was done.
I noticed that in the css the font-family wa set for Lucida (or other unique
fonts).

Is it as simple as naming a font.. and if it exisits on the users computr,
then it's render on the webpage (then like normal css, put Arial, Verdana
ect as the alternate fonts).

Or, is it more involved.
I've heard the term FlashFonts and weft (I may have the letters wrong)
thrown around.. but I can't find a clear explanantion or tutoiral on how to
pull it off.

Can someone give me some guidance?

Thanks
-Dave

[-Dave]

Thanks Murray.

This wasn't the clearest example, but the first I refound to send your way:
I was going thorugh a list of links that a graphic designer sent me
[url]http://www.zeldman.com[/url]

I peeked at the css code and see this (definately some non web fonts):
body {
text-align: center;
margin: 0;
padding: 0;
border: 0;
background: #ddb url(/i04/holder.gif) top center repeat-y;
color: #663;
font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans",
Verdana, Helvetica, sans-serif;
}
blockquote p, dd blockquote {
font-weight: normal;
font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif",
Utopia, "Times New Roman", times, serif;
text-align: justify;
line-height: 18px;
font-size: 90%;
}

code, pre {
font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier,
monospace;
font-weight: normal;
font-size: small;
}




"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:djm55e$kbu$1@forums.macromedia.com...

> Show me the page and I'll tell you how they are doing it. If I had to
> guess, I'd say it's sIFR -
>
> [url]http://www.mikeindustries.com/blog/archive/2004/08/sifr[/url]
>
> or here -
>
> [url]http://www.macromedia.com/devnet/mx/dreamweaver/articles/sifr_demo.html[/url]
>
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
> [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
> [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
> [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
> ==================
>
>
> "-Dave" <d@d.com> wrote in message
> news:djm2v6$hci$2@forums.macromedia.com...
> Hey Gang,
>
> When I see something cool on a site, like most of us, I check out the code
> and css to see how something was accomplished.
>
> Recently, I came across a site that was using fonts aside form the generic
> web fonts.
> I couldn't figure out by looking at code or css exactly how it was done.
> I noticed that in the css the font-family wa set for Lucida (or other

unique

> fonts).
>
> Is it as simple as naming a font.. and if it exisits on the users computr,
> then it's render on the webpage (then like normal css, put Arial, Verdana
> ect as the alternate fonts).
>
> Or, is it more involved.
> I've heard the term FlashFonts and weft (I may have the letters wrong)
> thrown around.. but I can't find a clear explanantion or tutoiral on how

to

> pull it off.
>
> Can someone give me some guidance?
>
> Thanks
> -Dave
>
>

[Murray *TMM*]

Note that they use a cascade of fonts, each of which contains at least one
websafe font -

Trebuchet, Verdana, etc., and they always end with the generic system font.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"-Dave" <d@d.com> wrote in message
news:djm636$lla$1@forums.macromedia.com...

> Thanks Murray.
>
> This wasn't the clearest example, but the first I refound to send your
> way:
> I was going thorugh a list of links that a graphic designer sent me
> [url]http://www.zeldman.com[/url]
>
> I peeked at the css code and see this (definately some non web fonts):
> body {
> text-align: center;
> margin: 0;
> padding: 0;
> border: 0;
> background: #ddb url(/i04/holder.gif) top center repeat-y;
> color: #663;
> font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans",
> Verdana, Helvetica, sans-serif;
> }
> blockquote p, dd blockquote {
> font-weight: normal;
> font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif",
> Utopia, "Times New Roman", times, serif;
> text-align: justify;
> line-height: 18px;
> font-size: 90%;
> }
>
> code, pre {
> font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier,
> monospace;
> font-weight: normal;
> font-size: small;
> }
>
>
>
>
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:djm55e$kbu$1@forums.macromedia.com...

>> Show me the page and I'll tell you how they are doing it. If I had to
>> guess, I'd say it's sIFR -
>>
>> [url]http://www.mikeindustries.com/blog/archive/2004/08/sifr[/url]
>>
>> or here -
>>
>> [url]http://www.macromedia.com/devnet/mx/dreamweaver/articles/sifr_demo.html[/url]
>>
>>
>> --
>> Murray --- ICQ 71997575
>> Team Macromedia Volunteer for Dreamweaver
>> (If you *MUST* email me, don't LAUGH when you do so!)
>> ==================
>> [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
>> [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
>> [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
>> [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
>> ==================
>>
>>
>> "-Dave" <d@d.com> wrote in message
>> news:djm2v6$hci$2@forums.macromedia.com...
>> Hey Gang,
>>
>> When I see something cool on a site, like most of us, I check out the
>> code
>> and css to see how something was accomplished.
>>
>> Recently, I came across a site that was using fonts aside form the
>> generic
>> web fonts.
>> I couldn't figure out by looking at code or css exactly how it was done.
>> I noticed that in the css the font-family wa set for Lucida (or other

> unique

>> fonts).
>>
>> Is it as simple as naming a font.. and if it exisits on the users
>> computr,
>> then it's render on the webpage (then like normal css, put Arial, Verdana
>> ect as the alternate fonts).
>>
>> Or, is it more involved.
>> I've heard the term FlashFonts and weft (I may have the letters wrong)
>> thrown around.. but I can't find a clear explanantion or tutoiral on how

> to

>> pull it off.
>>
>> Can someone give me some guidance?
>>
>> Thanks
>> -Dave
>>
>>

>
>

[goerdie_uk]

yeah , its as simple as that - if theyve got the font the browser should use
it - a wise man specifies secondary fonts incase the user doesnt have it.

[artcoder]

They could have done something like ...

style="font-family: Lucia, Geneva, Arial, Helvetica, san-serif"

as mentioned above.

Or it could have been a graphic image, or even a Flash element. You can tell
if it is a graphic if you can not highlight the text. You can tell if it is
Flash if you right-click on it and the menu is the Flash menu.

If you provide the URL, then we can tell you exactly what it is.

-artcoder
[url]http://myBlog.webmarksonline.com[/url]

[Murray *TMM*]

Here's another way to do it, but it would only work for header-type text.

[url]http://www.savannahweddings.com/s_index.shtml[/url]

Note the very topmost header on the page - it's an image, *but* it's also
text within an <h1> tag, although you cannot see the text. It's the best of
both worlds - the special font, and the readability of the text, and the
semantic markup of the <h1> tag for Spiders.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"artcoder" <webforumsuser@macromedia.com> wrote in message
news:djurkt$8af$1@forums.macromedia.com...

> They could have done something like ...
>
> style="font-family: Lucia, Geneva, Arial, Helvetica, san-serif"
>
> as mentioned above.
>
> Or it could have been a graphic image, or even a Flash element. You can
> tell
> if it is a graphic if you can not highlight the text. You can tell if it
> is
> Flash if you right-click on it and the menu is the Flash menu.
>
> If you provide the URL, then we can tell you exactly what it is.
>
> -artcoder
> [url]http://myBlog.webmarksonline.com[/url]
>
>
>
>