Tagged: rtl
-
AuthorPosts
-
December 5, 2015 at 7:51 am #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 advanceDecember 6, 2015 at 5:34 am #547531Hey 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,
RikardDecember 6, 2015 at 8:42 am #547574Hi 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 advanceDecember 7, 2015 at 5:10 am #547758Hi,
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,
RikardDecember 7, 2015 at 11:26 am #547888Okay, 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 advanceDecember 8, 2015 at 5:36 am #548514Hi,
Try the code without the !important statement at the end instead:
body { font-family: 'Koodak', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
Regards,
RikardDecember 8, 2015 at 8:22 am #5485761> 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)
and
Thanks in advance
- This reply was modified 9 years ago by Sadegh.
December 9, 2015 at 4:44 am #549445Hi,
Try the following CSS as well:
input[type='submit'], h3 { font-family: 'Koodak', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }
Thanks,
RikardDecember 9, 2015 at 8:01 am #549539Hey!
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.
-
AuthorPosts
- The topic ‘problem with font-face’ is closed to new replies.