Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #547367

    Hi,
    I’ve just bought your great theme and follow your steps to add font-face for my own font.
    -> I have installed both “Enfold” and “Enfold-Child” into my wordpress theme directory and I’ve activated “Enfold” as my main theme.
    -> I have also install ‘BKoodakBold’ fonts in Fonts folder from my Child theme.
    -> and finally I added these lines to the Style.css from Enfold-Child:

    @font-face {
    	font-family: 'Koodak';
    	src: url('fonts/BKoodakBold.eot');
    	src: url('fonts/BKoodakBold.eot?#iefix') format('embedded-opentype'),
    		url('fonts/BKoodakBold.woff') format('woff'),
    		url('fonts/BKoodakBold.ttf') format('truetype');
    	font-weight: normal;
    	font-style: normal;
    
    }

    > But I can’t see the result and the theme is still showing default font
    Thank you in advance

    #547531

    Hey Sadegh,

    I’m not sure if I misunderstood you or not but if you use the code in the child theme then the child theme needs to be active as well. The font won’t change unless you use CSS to tell the site what font to use, have you done that?

    Best regards,
    Rikard

    #547574

    Hi Rikard,

    Thanks, I didn’t know that I should activate the Child Theme instead of the main one.
    > But now, I have activated the Child-Theme but still, I can not see the preferred font on my website (from font-face command) and its still show a default font there.
    > And one more important thing. The style of the first page (Headline Rotator element) is not RTL for me; although other elements are RTL.
    (I also send you my website credentials)
    Thanks in advance

    #547758

    Hi,

    You will still need to ‘tell’ your site what font to use, only importing the font won’t change anything. Try the following in Quick CSS under Enfold–>General Styling:

    body {
        font-family: 'Koodak', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    }

    Best regards,
    Rikard

    #547888

    Okay, I did it.
    1> But it seems my website is now miss all of its icons!! I can not see any icons in my website, and instead, I could see some squares!
    2> And as you might see, some parts are now following font-face and some others not!
    I mean some fonts are in my preferred font (Koodak), and some others are not (default font)

    Please take a look to both of my questions.
    Thanks in advance

    #548514

    Hi,

    Try the code without the !important statement at the end instead:

    body {
        font-family: 'Koodak', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }

    Regards,
    Rikard

    #548576

    1> Still font-face doesn’t seems to work fine on “h3 titles”.
    Besides, it doesn’t work in “Firefox”, “IE” and “Microsoft Edge” at all.

    2> And the font-face also doesn’t work fine for the buttons (like “submit” button for MailChimp and “send” button for Contact form)
    button1
    and
    button2

    Thanks in advance

    • This reply was modified 8 years, 11 months ago by Sadegh.
    #549445

    Hi,

    Try the following CSS as well:

    input[type='submit'], h3 {
        font-family: 'Koodak', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    }
    

    Thanks,
    Rikard

    #549539

    Hey!
    Honestly even with that code it wasn’t worked properly in IE and Firefox.
    But with a suggestion from a friend, I tried “FontPress” plugin from codecanyon and now it all works fine.

    Actually its much easier than write css code.

    Thanks.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘problem with font-face’ is closed to new replies.