Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 5, 2015 at 7:51 am #547367
    Sadegh

    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

    December 6, 2015 at 5:34 am #547531
    Rikard

    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

    December 6, 2015 at 8:42 am #547574
    Sadegh

    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

    December 7, 2015 at 5:10 am #547758
    Rikard

    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

    December 7, 2015 at 11:26 am #547888
    Sadegh

    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

    December 8, 2015 at 5:36 am #548514
    Rikard

    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

    December 8, 2015 at 8:22 am #548576
    Sadegh

    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.
    December 9, 2015 at 4:44 am #549445
    Rikard

    Hi,

    Try the following CSS as well:

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

    Thanks,
    Rikard

    December 9, 2015 at 8:01 am #549539
    Sadegh

    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.

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