Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

I would like to change the font 'quicksand' in this template WordPress

  • REFUNDED

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?

Answers (3)

2012-08-15

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

2012-08-15

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

2012-08-15

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