Hiya!

I'm working on this site: http://leeallenphotography.smugmug.com/

I want to include two very different Google fonts as I'm matching the appearance of this smugmug site to the main site which is hosted elsewhere through Squarespace - and on which I have two Google fonts in use (Raleway and Bowlby One SC). To make the fonts work, I've added them to the bottom Javascript, and each one works individually, but when I have both in the Javascript, it defaults to using only one of them.

Am I doing something wrong? Have I missed a closing bracket somewhere? Have I got too many !importants? Does Smugmug only allow one custom font for some reason?

I'm no coder, just self-taught, so my code might be messy - which I apologise for in advance!

Thanks,

Adrienne

Originally Posted by redannie Hiya! I'm working on this site: http://leeallenphotography.smugmug.com/ I want to include two very different Google fonts as I'm matching the appearance of this smugmug site to the main site which is hosted elsewhere through Squarespace - and on which I have two Google fonts in use (Raleway and Bowlby One SC). To make the fonts work, I've added them to the bottom Javascript, and each one works individually, but when I have both in the Javascript, it defaults to using only one of them. Am I doing something wrong? Have I missed a closing bracket somewhere? Have I got too many !importants? Does Smugmug only allow one custom font for some reason? I'm no coder, just self-taught, so my code might be messy - which I apologise for in advance! Thanks, Adrienne

See other thread, your CSS has errors in it.
http://www.dgrin.com/showthread.php?t=206581

Figured it out (with help from you lot!) - Google fonts gets you to choose the ones you want there, and collates it into one chunk of Javascript - I was failing because I was trying to insert JS twice. All sorted, huzzah! :)