Grow your CSS skills. Land your dream job.

@font-face , letters splitted and separated …

  • # January 31, 2012 at 3:08 am

    @font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'ShorooqN1Regular';
    src: url('shorooq_n1-webfont.eot');
    }

    @font-face {
    /* This declaration targets everything else */
    font-family: 'ShorooqN1Regular';
    src: url(//:) format('no404'), url('shorooq_n1-webfont.woff') format('woff'), url('shorooq_n1-webfont.ttf') format('truetype'), url('shorooq_n1-webfont.svg#ShorooqN1Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    }



    p{
    font-family: 'ShorooqN1Regular';
    font-size : 15px;
    }

    but there is a problem … letters had a cut … and splitted.
    look at this picture : image in firefox 9.0.1

    Rob
    # January 31, 2012 at 4:45 am

    does it only happen in FF9? You can tweak letter spacing in css with “letter-spacing:” but I am not sure that is the best solution for this…

    # February 1, 2012 at 1:21 am

    no it is not working ,, this i think due to type of font …

    but i still what is the wrong , i tried many times …

    # February 3, 2012 at 7:48 am

    any help about this problem guys …

    # February 3, 2012 at 10:26 am

    Where did you get the font from?

    # February 3, 2012 at 5:15 pm

    Perhaps the font is missing those characters which is why they will not render? It is hard to help with a language barrier.

    # February 3, 2012 at 7:14 pm

    I don’t know if it matters, but maybe you can try combining the two and then declaring which is the IE type. This is the format I use:

    @font-face {
    font-family: fontname;
    src: url('fonts/myfont.ttf');
    url('fonts/myfont.eot') format("opentype"); /* IE */
    }
    # February 3, 2012 at 7:25 pm

    You could just use Paul Irish’s cross-browser method.

    # February 4, 2012 at 5:12 am

    ChristopherBurtonChristopherBurton
    which method … ?? i didnt here about it … !!

    Paulie_D
    the font is related to the designer : SAUD , i think it is made by FONTLAB ..

    knittingfrenzy18
    i will try …

    # February 4, 2012 at 9:36 am

    Paul Irush’s bulletproof @font-face syntax: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

    More BulletProof @font-face syntax: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

    but i still think the problem is with the font..

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".