Jump to content


Google Fonts


This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 Guest_Richard_*

Guest_Richard_*
  • Guests

Posted 17 May 2012 - 02:19 AM

Hi,

Are there any plans for Builder to support Google fonts without working with the code?
And, in the meantime are there tutorials for working with the code to enable Google fonts?

Richard

#2 Sridhar Katakam

Sridhar Katakam

    Advanced Member

  • Members
  • Others: All Plugins, All Themes, DisplayBuddy, Webdesign
  • 22,199 posts

Posted 17 May 2012 - 03:29 AM

Using Google fonts is very easy. Below are the steps.

1. @import the font in Builder child theme's style.css. The @import statement code will be generated for you by Google when you select a font.

Ex.:

@import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700&subset=latin&v2);

2. With the google font @imported, it can be set for any text like so:

h1.entry-title,
h2.entry-title,
h3.entry-title {
	float: left;
	color: #262626  ;
	font-family: 'Dancing Script', inherit; /* <--- See this line */
	font-size: 38px;
	line-height: 46px;
	text-shadow: #FFFFFF   0px 1px 1px;
}


#3 Guest_Richard_*

Guest_Richard_*
  • Guests

Posted 17 May 2012 - 04:56 AM

Great, thank you.
That seems easy enough.

#4 latchie

latchie

    Member

  • Members
  • Others: All Plugins, All Plugins
  • PipPip
  • 17 posts

Posted 28 March 2013 - 10:32 AM

Can this same practice be used to use google fonts with the Mobile Buddy plugin?

#5 Elise Alley

Elise Alley

    iThemes Support

  • Administrators
  • Others: All Plugins, All Themes, Members, Moderators, Toolkit, Webdesign
  • 3,284 posts

Posted 28 March 2013 - 10:40 AM

Hi latchie,

We'll address your question in the post you created here:  http://ithemes.com/forum/topic/41291-google-fonts-and-mobile-buddy/

Thanks,

Elise