www.webdeveloper.com
Results 1 to 6 of 6

Thread: @font-face

Hybrid View

  1. #1
    Join Date
    Mar 2014
    Posts
    7

    @font-face

    Hey guys,

    i tried to add a font with font-face and use following CSS code:

    Code:
    @font-face {
         font-family: 'ostrich-regular';
         src: url('http://nicklas.bplaced.net/webfonts/ostrich-regular-webfont.woff');
    }
    h1 {
    	 font-family: ostrich-regular;
    }
    i can download the font-file when i just open the link, but the browser shows me the h1 tag with the basic font, not the new one.
    where is my fail? :/

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,458
    Hi there <nick>,

    and a warm welcome to these forums.

    Check out the attachment, it should, hopefully, resolve your problems.

    coothead
    Attached Files Attached Files

  3. #3
    Join Date
    Dec 2013
    Location
    Chandigarh
    Posts
    65
    I think the problem is with CSS of the website. If you look at the CSS carefully for the "ostrich-regular" in style.css or custom.css, you will definitely find an answer to this problem, Even I had a website with this kind of similiar problem, after all that i found that the problem was in CSS not in something else.
    In the practice of tolerance, one's enemy is the best teacher.

    Software and Web development by miraclegroup

  4. #4
    Join Date
    Mar 2014
    Posts
    7
    Thanks both!

    iīll test it and it does almost finaly works, but there is a little error representation.

    Firefox and IE works fine
    http://clip2net.com/s/6X7jUI


    Chrome, Opera and Safari "cut" the letters
    http://clip2net.com/s/6X7nog

    is there ayn solution for that prob?

    <nick>

  5. #5
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,458
    Hi there <nick>,

    this is what I see on my test browsers using "Windows 7".

    Nothing is cut off, but IE11 does seem to have color problems.

    coothead
    Attached Images Attached Images

  6. #6
    Join Date
    Mar 2014
    Posts
    7
    Hey,

    hmm...thatīs strange

    maybe it's the font itself, there are no probs with other fonts.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles