If you are extending your YJSG based theme this is the place to start.
In YJSG we have used very simple approach for implementing
Google fonts
.
This option will let you use all 600+ available font families in Google fonts library.
Go to your template manager, tab name Style and activate following parameters:
Mouse+Memoirs|cursive|normal
Google font param has 3 attributes that you can use and each of them needs to be separated by |
:
Mouse+Memoirs|cursive|normal
First attribute is the actual font name taken directly from Google font stylesheet link, family= ( including + ):
http://fonts.googleapis.com/css?family=Mouse+Memoirs
Second attribute is general font-family like:
Second attribute can be combined:
Mouse+Memoirs|'Helvetica',arial|normal Mouse+Memoirs|Helvetica,arial|normal
Third attribute is font-weight which you can define as:
Mouse+Memoirs|cursive|normal Mouse+Memoirs|cursive|bold Mouse+Memoirs|cursive|700
For stylesheet with multiple fonts, use double equal sign between font names. Note that additional font will be included in Google stylesheet but you would need to add affected selectors for additional font inside one of the template CSS files.
Rock+Salt==Open+Sans:400,500
h2.my_class{ font-family:Open Sans,sans-serif; font-weight:300; }