Results 1 to 6 of 6

Thread: Fonts

  1. #1
    Join Date
    Aug 2006
    Location
    Boston
    Posts
    92

    Post Fonts

    Quick question. Is there any way to load a font onto your website so it can be viewed by all users...even mac users? I'm doing a very artistic site and I can't seem to figure it out...

  2. #2
    Join Date
    May 2004
    Location
    Pflugerville, TX
    Posts
    11,222
    You can try using sIFR, or you could use an image of your text.
    Studio1337___̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡ ̴̡ı̴̡̡ ̡͌l̡̡̡̡.__Web Design

  3. #3
    Join Date
    Sep 2005
    Location
    Middle England
    Posts
    918
    Short of using image based text (not recommended) the answer is generally no - the font must be installed on the users system for them to be able to see it.

    There are however some ways to achieve it but these are not 100% fool proof and you can never guarantee that these methods will work for all users - an example is at http://www.mikeindustries.com/sifr/

    The skill in making an "artistic" site is being able to create the effect you want using the tools available, ie text, images (gif,jpg,png), flash, javascript etc.

  4. #4
    Join Date
    Aug 2006
    Location
    Boston
    Posts
    92
    I could also use flash. It's a 50s theme...that doesn't need much text, just for information. I'm sure I can use Tahoma if I needed to and I could still get away with it...

  5. #5
    Join Date
    Oct 2006
    Location
    INDIA
    Posts
    19
    Hi ..

    We also tried that too to uplod the dynamic fonts on our sites.
    There is a Microsoft Tool called WEFT which you can download from the Microsoft website.

    microsoft(DOT)com/typography/web/embedding/weft2/default.htm

    You can use this tool to create dynamic or EOT Type of fonts which can be imported in your webpages with the following style sheet keeping the same in the head section of the webpage.

    <style>
    @font-face {
    font-family: dynamic;
    font-style: normal;
    font-weight: normal;
    src: url(fontname.eot);
    }

    </style>

    Remember that the dynamic fonts are URL specific and are created through WEFT for the websit URL only. You can not use them on any other website URL other than for which they are created.

    Actually what we have experienced that your webhost should also support the EOT type of fonts. We find that the same dynamic fonts will work fine on some web hosting providers and may not work if you move the site to another server. May be it requires the EOT file type permission in some servers by administrators.

    For more information on how to use WEFT you can go to the Govt of India's website :

    webservices(DOT)nic(DOT)in/html/hindiweb.htm

    Hope that Helps you all ..

    -------------------------------
    T R U S T D N S

  6. #6
    Join Date
    Oct 2006
    Location
    INDIA
    Posts
    19
    Hi ..

    One more thing .. If you are making a website in Indian language like Hindi etc..
    You can keep the following code in a separeate .js file and call the file in the html page if you do not want to keep the style sheet in the same page ..


    And I hope all of you know how to call a .js file in the webpage. Just give the following code in the HEAD section of the website :

    <script type='text/javascript' src='filename.js'></script>


    Example of .js file :

    Suppose you have used leap office font "DVW-TTYogesh" to prepare the web site in Hindi. Now you have to create the EOT file for the same font using above mentioned procedures and tools. Suppose you have created the EOT file with name "DVTTYOG0.EOT". After creating these EOT file you have to modify the "hindifonts.js" file by opening it in "Notepad" as :-

    bVer = parseInt(navigator.appVersion);
    if (bVer >= 4)
    {
    document.write ('<TITLE>GIST (Using EOTs)</title>');
    document.write ('<style type="text/css">');
    document.write (' @font-face {');
    document.write (' font-family: DVW-TTYogesh'+"\;");
    document.write (' font-style: normal'+"\;");
    document.write (' font-weight: normal'+"\;");
    document.write (' src: url("DVWTTYOG0.eot")');
    document.write ('}');
    document.write ('</style>');

    }

    Hope it helps you all . . .

    ---------------------

    T R U S T D N S

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •