Solved

Displaying font not installed on client

Posted on 2007-03-26
9
244 Views
Last Modified: 2008-02-20
hi,
is there a way to use ttf file stored in  the website folder?
than you?
0
Comment
Question by:uk1900
  • 4
  • 2
  • 2
  • +1
9 Comments
 
LVL 11

Assisted Solution

by:JamesCssl
JamesCssl earned 500 total points
ID: 18797666
It was possible in CSS/2, but then removed from CSS/2.1.  It is again possible in CSS/3, which isn't yet a recommendation.  Here is how to do it:

<style type="text/css">
@font-face {
    font-family: "Ace Crikey";
    src: url(ace.ttf);
}
.ace {
    font-family: "Ace Crikey";
    font-size: 230%;
}
</style>

It would be prudent to test it in several browsers and see which ones support it.
0
 
LVL 11

Expert Comment

by:JamesCssl
ID: 18797668
0
 
LVL 11

Expert Comment

by:JamesCssl
ID: 18797689
Basically, it's possible using a Microsoft solution that will work in IE only at this point in time.  That should cover about 75% or so of your visitors.
0
 

Author Comment

by:uk1900
ID: 18798466
hi JamesCssl
I guess I am missing someting with your script,  what is the  Microsoft solution plz?
0
What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

 
LVL 7

Expert Comment

by:Animasu
ID: 18798532
Just to add to what JamesCssl said, There is a way to do this but personally i wouldn't reccomened it, the amount of people using IE are slowly dropping and moving onto something like FF anyways, well... its what ive noticed whether this is for everyone or not i don't know(Depends on the user/site etc...)

I would stick with a font that people have installed allready on your computer and give a choice in your css (font-family: arial, "lucida console", sans-serif;) if the user dosn't have one it looks for the next, and so on. Also you can put off visitors with a random font which you think looks good but other people may thing ''it makes my eyes bleed''

Just keep in the back of your mind 'not everyone will see this font'

Hope this helps

- Animasu
0
 

Author Comment

by:uk1900
ID: 18798681
actualy the script of JamesCssl works with netscape browser but not with IE !
0
 
LVL 11

Accepted Solution

by:
JamesCssl earned 500 total points
ID: 18800802
This is the example from the bottom of the page I referenced.  It requires transforming the ttf font to an eot font using some tools from microsoft.  It does in fact work in IE.

<style type="text/css">
    /* $WEFT -- Created by: francky on 03-09-06 -- */
@font-face {
    font-family: IE_ace;
    font-style: normal;
    font-weight: normal;
    src: url(acekrik0.eot);
}
.ie-ace {
    font-family: IE_ace, "Times New Roman", serif;
    font-size: 230%;
}
</style>
0
 
LVL 9

Expert Comment

by:pmagony
ID: 18802592
If you're using a special font for titles, why not just make them into images?

Or check out some image replacement solutions like:

Gilder/Levin method OR sIFR (Scalable Inman Flash Replacement) @ www.mikindustries.com/sifr

If you're looking to utilize a unique font throughout the entire site (including the body text), I'd recommend shying away from it.

Good Luck-
0
 
LVL 9

Expert Comment

by:pmagony
ID: 18802616
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

"I want to put my photos online, but I don't want them stolen.  What settings should I use?" When You Put Photos Online First and foremost, any digital file published on the WWW can be copied, stored, modified, retransmitted, etc.  Remember Naps…
Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now