I would like to be able to occasionally change the font 'quicksand' in this template:
http://themeforest.net/item/kin-minimalist-photography-wordpress-template/123713
it is 'quicksand' now... I want to change it to something else... and maybe change it again to something else in 6 months. So I don't want 'quicksand'
it is the font in the main menu...
can anyone tell me how to do it?
Gabriel Reguly answers:
Hi,
Edit file wp-content/themes/kin/css/skins/black.css
Starting at line 36
.nav li.current_page_item a, .nav li.current-menu-item a, .nav li.current_page_item a.hover, .nav li.current_page_item ul li a.hover, .nav li ul li a.hover {
color: #FFFFFF;
font-family: QuicksandBold;
}
.nav li ul li a, .nav li.current-menu-item li a
{
font-family: Quicksand;
color: #959595;
}
-- Edit -- Added the line number and some more CSS to be edited.
-- 2nd edit - removed the URL http://themes.themegoods.com/kin_wp/, file is local.
Regards,
Gabriel
Budi Kurniawan answers:
open your Style.css and put this code :
/** start custom font family **/
@font-face {
font-family: 'Quicksand';
font-style: normal;
font-weight: 400;
src: local('Quicksand Regular'), local('Quicksand-Regular'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'QuicksandBold';
font-style: normal;
font-weight: 700;
src: local('Quicksand Bold'), local('Quicksand-Bold'), url(http://themes.googleusercontent.com/static/fonts/quicksand/v2/32nyIRHyCu6iqEka_hbKsnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
and then please change / replace the all Font Font family that you wanna change , to this style with :
font-family: 'Quicksand', sans-serif;
and if you wanna bold style you just change the style on your with Bold Style just make it this font family :
font-family: 'QuicksandBold', sans-serif;
this is the example of fonts :
[[LINK href="http://www.google.com/webfonts/specimen/Quicksand"]]http://www.google.com/webfonts/specimen/Quicksand[[/LINK]]
and this is of refference :
[[LINK href="http://www.google.com/webfonts#UsePlace:use/Collection:Quicksand"]]http://www.google.com/webfonts#UsePlace:use/Collection:Quicksand[[/LINK]]
thanx :) i hope this will be help you
Martin Pham answers:
You can find new fonts in [[LINK href="http://www.google.com/webfonts/"]]http://www.google.com/webfonts/[[/LINK]]
Choose the one you interested, click to <strong>Use</strong>
....
Notice: At step 3: click to tab @import , copy content insert into style.css