how set font aparajita at html document

Posted on 2012-08-17
Last Modified: 2012-08-25

i'm develop a page with html, working it with Dreamwever.

when i see work with dreamweaver, i t show fine, but , when i run at Iexplore, it don't respect the font i use named "apajarita"

someone know how set rightly font?

thanks a l ot
Question by:tenriquez199
    LVL 6

    Assisted Solution

    Each visitor visiting this site will need to have this font installed to view it.  It will fall-back to a basic font as you see otherwise.  

    If the font is embeddable you can try this:
    LVL 1

    Author Comment

    thanks leuqarte

    so?'s impossible to up my web site with that font?

    is it better i use other font?

    thanks a lot
    LVL 25

    Assisted Solution

    by:Kyle Hamilton
    you can use whatever font you want (as long as you have "rights" to it - of course) makes this really easy. Just upload your font, and they'll spit out the necessary css and font files.

    (You may need to specify the appropriate Mime types in your .htaccess file - this isn't always necessary)
    LVL 17

    Assisted Solution

    Just a sidenote to post id: 38306039

    You can use fontsquirrel and/or google fonts implementations, but in my experience the fonts from these services most of the time do not display the same in different browsers, I have run into issues with font-size, line-height, and spacing. So if you have content meant to fit in a certain space/area it might not fit in all browsers.
    LVL 6

    Assisted Solution

    You can choose what font to fall back on, for example:

    font-family: Apajarita, "Times New Roman", serif

    Open in new window

    in place of font (which should be used to declare all font properties sich as size and weight in one section)
    LVL 25

    Assisted Solution

    by:Kyle Hamilton
    as far as font-size, line-height, and spacing, you should set those explicitly in your css using px dimensions. If you want to use ems or percentages, make sure you normalize those items first, on something like the body tag.

    But those issues are going to come up wether you use fontsquirrel, google, or web-safe fonts.

    BTW, I am not advocating using Google fonts or any other font cdn. With fontsquirrel, you upload your own font, it gets converted to the appropriate formats, and you host them on your own server - you're in complete control.
    LVL 58

    Accepted Solution

    If you want to use that font, which seems to be free from copyright then you need to add the following to the beginning of your css - just add in a proper path to it relative to your website.

    @font-face {
          font-family: apajarita;
          src: url('/apajarita.ttf');
    LVL 58

    Expert Comment

    What solution worked?

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

    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

    8 Experts available now in Live!

    Get 1:1 Help Now