Support » Themes and Templates » Problems with @font-face

  • Hi!
    I have wordpress installed locally and I am working in the css theme.
    I would like to have a very thin font in the header but when I make the font-size bigger it also gets bolder (much much bolder than in photoshop at the same size).

    I tried to change the font-weight but doesn’t work. The code is

    #header {
    	background: #fff;
    	padding: 30px 5px 40px 5px;
    	font-family: 'josefin_sans', sans-serif;

    I use @font-face to personalized the font.

    @font-face {
        font-family: 'josefin_sans';
        src: url('fonts/josefinsansstd-light-webfont.eot');
        src: url('fonts/josefinsansstd-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/josefinsansstd-light-webfont.woff') format('woff'),
             url('fonts/josefinsansstd-light-webfont.ttf') format('truetype'),
             url('fonts/josefinsansstd-light-webfont.svg#josefin_sans_stdlight') format('svg');

    Hope any of you help me!
    Thanks, Aldara.

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi


    Forum Moderator

    There’s no real answer to this. Most fonts become slightly bolder as they are enlarged. Perhaps you just need to look for another font?.

    Well it doesn’t become slightly bolder, it gets much, much, much bolder 🙁 than in photoshop and this is the third font I tried!
    This is very weird, it is the first time this happens to me.
    Thank your for your quick answer!

    Moderator Andrew Nevins


    Can you post here a screenshot of the boldness issue and say which font size it is?

    Then we can compare to the font’s demonstration page as to whether it’s an issue with the font itself.



    Forum Moderator

    A link to the actual page where this “bolding” is happening might also be helpful – just in case you’ve missed another bit of CSS that’s causing the problem.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problems with @font-face’ is closed to new replies.