Welcome! To use this support forum, please Login or Join Today!
You are here → Home :: Forum Home :: WordPress Themes Support :: Presstige WordPress Theme :: Thread
Custom Fonts?
Hey Casey,
I was wondering if there is any way I can upload and use some custom fonts to replace the post titles, widget titles and the general text in Presstige?
If its possible how do I go about doing it?
Also I need to center the titles of my widgets. How can that be done?
Thanks in advance.
If you look in master.css, you can see how the existing fonts are imported by using a body class and later referenced with the @font-face attribute.
To use your own custom fonts, you’ll need to either generate a font-face kit of your own then add them to master.css, or use the Google Webfonts API. The easiest way is probably through Typekit, however it is a paid service. Each of these have their own separate sources of documentation, so it’s really up to you.
Right, thanks Casey..but I actually meant to use a font which I downloaded..but I think I shall use the Google Font API now..but umm..how exactly do I do that?
Oh and also how do I center the titles of the widgets in presstige? As of now all the wideget titles are left aligned.
To center the widgets, just open style{x}.css and find:
div.widget h3, div.widget.S1 h3, div.widget.S2 h3, div.widget.S3 h3, div.widget.S4 h3 { font-size: 20px; padding: 0px 0px 5px 0px; margin: 0px 0px 8px 0px; height: auto; font-weight: normal; }
and add a text-align: center; attribute.
As for adding a font, each resource has it’s own method. If you downloaded a font, you need to create a web font kit. Some fonts just do not work or produce huge file sizes. Be careful. Google fonts has pretty easy instructions. There are 3 methods (http://d.pr/ldzb) import, standard, or javascript. I’d probably go with standard and just paste into header.php. To use the font, just change the classes to your new font name in the CSS.
Cool..so the widget title is sorted..
About the fonts..Im not so sure i want to get into that now..I just wanted to make the text in the main body a bit thicker..I know I can do that with the font weight attribute..just not really sure where to put it in..
Just change font-weight: normal; to font-weight: bold;