Solved

Displaying font not installed on client

Posted on 2007-03-26
9
247 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
ScreenConnect 6.0 Free Trial

Want empowering updates? You're in the right place! Discover new features in ScreenConnect 6.0, based on partner feedback, to keep you business operating smoothly and optimally (the way it should be). Explore all of the extras and enhancements for yourself!

 

Author Comment

by:uk1900
ID: 18798466
hi JamesCssl
I guess I am missing someting with your script,  what is the  Microsoft solution plz?
0
 
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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Error in JQuery 5 52
would like the bottom of this page to be smaller 3 27
Problem to refer to value 8 48
Create tabs to show divs 9 30
"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…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
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 …

770 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