Force Font

Posted on 2012-09-19
Last Modified: 2012-10-05
Hi, there is a specific font that i have used in a certain section of my website design. I know that this font will NOT be on 99.9% of my users computers... so is there a way to apply this font to certain text, without having to use images for the text...

If you can suggest away, can you confirm that it is compatible across all browsers...
Question by:oo7ml
    LVL 25

    Expert Comment

    by:Lee Savidge
    You can't.

    If the font isn't available on their machine you cannot force them to download it.
    LVL 36

    Assisted Solution

    by:Loganathan Natarajan
    try with face-face,

    LVL 19

    Assisted Solution

    LVL 52

    Accepted Solution

    Depending on the font, there is licensing issues to consider.  Even though you may have to pay a small fee, it is worth it.  You can embed special fonts with:

    For free, you can use google fonts.  You will not see your exact font, but maybe something close enough for free.

    Otherwise, you can use fonts you already own and are licensed to use on the web using css3 @font-face.
    1) Upload your ttf font to your site.  Assume the folder is called fonts and the font is myfont.ttf.

    2) Add css @font-face
    @font-face {
        font-family: myfont;
        src:  url('fonts/myfont.ttf') format('opentype');

    3) Determine which tags get the font with a fall back
    h1 { font-family: myfont, sans-serif; }

    4) test
    I have found sometimes the pc does not render fonts like this as well as the mac and IE does not render as well as chrome/firefox.
    LVL 42

    Assisted Solution

    by:Chris Stanyon
    If you're allowed to use the font freely, then you can use the FontSquirrel Generator. Basically, you upload your font, and it converts it and spits back a proper @font-face declaration, along with the relevant files (i.e. your font converted to TTF, SVG, WOFF, OTF) which are all needed because different browsers support different formats.

    You then include the CSS they provide in your CSS file, upload the fonts to your server and use your new font the way you always have (don't forget to include a falback, just in case).

    { font-family: "My Shiny New Font", Arial, Verdana; }
    LVL 53

    Assisted Solution

    Just an aside.  Force feeding fonts that user don't like can hurt you, but I have yet to see the font so special that users returned to see it again.  So you risk losing with absolutely zero upside; never a good bet. What you think is cool, others may think is ugly.


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
    Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
    In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
    The viewer will learn how to count occurrences of each item in an array.

    760 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

    7 Experts available now in Live!

    Get 1:1 Help Now