-
AuthorPosts
-
July 22, 2014 at 5:18 pm #294463
Hello, I’ve just downloaded a webfontkit because I want to use font type “calibri” in a website (http://www.studiogranaatappel.nl/wp)
I uploaded the webfontkit (zipfile) to the css folder in Enfold.
What else do I need to do now before I can use the font type?Thanks for your help!
MartineJuly 22, 2014 at 5:19 pm #294466Hey famewebdesign!
Please see – http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/
or try using this plugin http://wordpress.org/plugins/wp-font-face/Cheers!
YigitJuly 22, 2014 at 6:43 pm #294522Thanks for your anwer. I can’t get it done. Don’t know what I’m doing wrong. I’ve tried the plugin and added the code from the css file from the webfontkit. Also tried uploading the svg, .ttf, eot and woff files to the “enfold” directory and added the css code to the style.css.
Nothing happens.
I’m using a child theme. Can that give any problems or does that not matter?
Thanks anyway!
July 22, 2014 at 8:26 pm #294548Hey!
The font is getting included as expected, now you’d need to apply it, try adding this code to the Quick CSS:
body{ font-family: 'calibriregular' !important; }
Best regards,
JosueJuly 22, 2014 at 9:00 pm #294563Unfortunately it’s not working. I’m obviously doing something wrong.
Thanks anyway. I’ll keep searching …
July 22, 2014 at 9:07 pm #294568I can see Calibri getting applied now:
Try refreshing a few times.
Best regards,
JosueJuly 22, 2014 at 9:18 pm #294571Yes!! I see it now! Thanks for your patience … :-)
Now I would like to enlarge the size of the menu items. Can I do this using this code:
menu {
font-size: 15px;
}July 22, 2014 at 9:20 pm #294573Hi!
Try with this:
span.avia-menu-text { font-size: 15px; }
Cheers!
JosueJuly 22, 2014 at 9:23 pm #294574Works again! Thanks Josue!
July 22, 2014 at 9:28 pm #294577You are welcome, always glad to help :)
Regards,
JosueJuly 22, 2014 at 9:31 pm #294579Just one more question. I enlarged the size of the text in the main content too by using
body {
font-size: 15px;
}But on this page (using the blog -element) the size of the font is not enlarged. Do I need to specify this for each element i’m using?
http://www.studiogranaatappel.nl/wp/blog/July 22, 2014 at 9:34 pm #294580Try changing that code to:
body, p{ font-size: 15px ; }
Regards,
JosueJuly 22, 2014 at 9:44 pm #294586Great!
Very happy with this forum!Thanks!
July 22, 2014 at 10:27 pm #294605Glad you like it, let us know if you have any additional questions :)
-
AuthorPosts
- You must be logged in to reply to this topic.