Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Google Fonts

Started by Guest_Richard_* , May 17 2012 02:19 AM

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

4 replies to this topic

#1 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

Back to top

#2 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;
}

Back to top

#3 Guest_Richard_*

Guests

Posted 17 May 2012 - 04:56 AM

Great, thank you.
That seems easy enough.

Back to top

#4 latchie

Member

Members
Others: All Plugins, All Plugins
17 posts

Posted 28 March 2013 - 10:32 AM

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

Back to top

#5 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

Back to top

Back to Pre-sales and other inquiries