Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Mar 2012
    Posts
    142
    Thanks
    17
    Thanked 0 Times in 0 Posts

    @font-face looks pretty bad...

    So I have been messing around with @font-face and cant seem to figure it out. On the site below I have tried 4 random fonts and they all look terrible. At first I went with the basic CSS (first text below) and then did some research and figured out I had to have different variations for different browsers so used a generator and came up with the CSS (second set below) that most people are posting as the resolution but that didn't seem to work either. Any ideas on what im missing? I figure a lot of people have to use this if you can get it to work right considering the thousands of fonts to use. On the sites they are sold/downloaded they look okay so I figured they have to work if you do it right.

    Code:
    @font-face {
    	font-family: font4;
    	src: url('font4.ttf');
    }
    Code:
    @font-face {
        font-family: 'font1';
        src: url('http://www.hrreplacementcushions.com/wp-content/themes/twentyeleven/font1.eot');
        src: url('http://www.hrreplacementcushions.com/wp-content/themes/twentyeleven/font1.eot?#iefix') format('embedded-opentype'),
             url('http://www.hrreplacementcushions.com/wp-content/themes/twentyeleven/font1.woff') format('woff'),
             url('http://www.hrreplacementcushions.com/wp-content/themes/twentyeleven/font1.ttf') format('truetype'),
             url('http://www.hrreplacementcushions.com/wp-content/themes/twentyeleven/font1.svg#font1') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    http://www.hrreplacementcushions.com/

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,471
    Thanks
    6
    Thanked 980 Times in 953 Posts
    Doesn’t look that bad to me. Of course, you can’t apply bold and/or italic font styles to the regular font; if you want to use those you also need to embed bold/italic variants. And also, which browser and OS are you using? Many fonts are not specifically optimized for computer display and might look bad if anti-aliasing is not enabled.

  • #3
    New to the CF scene
    Join Date
    Feb 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    for me it's not looks bad, but the problem is when your browser and Operating System is not compatible in some font face.


  •  

    Posting Permissions

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