Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

If you have been looking for a simple way to add typographic effects to your headings, titles, etc. here is a tip for you. NOTE: This tip is for NCs who have imported Google Custom Fonts into their networks.

Add Style and Depth to your Type, Easily

Google Fonts has silently released a Beta feature for adding Font Effects to your imported fonts.
Google Font Effects

Normally, the types of effects that I am about to show you must be achieved using CSS3 styling, but Google has made this easier for you.

To use this new beta feature, simply add effect= to your Google Fonts API request and add the corresponding class name to the HTML element(s) that you want to affect. In our example above, we used the shadow-multiple font effect, so the request would look like:


To use the effect, add the corresponding class name to your HTML element(s). The corresponding class name is always the effect name prefixed with font-effect-, so the class name for shadow-multiple would be font-effect-shadow-multiple:

This is a font effect!
 

You can request multiple effects by separating the effect names with a pipe character (|).
Here is a complete listing of all the font effects offered by Google ( go here to get effect codes)

If you ever find that you need help with your Network redesign or simply adding some interaction to your network, send me a message on my profile or give me a call. I'm happy to help and look forward to seeing what you have done!

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • How cool is that!  Thank you JF!  Awesome as always

    • NC for Hire

      pretty cool I'd say... would love to see some screenshots of what others come up with!  Thanks Kos!

  • Hi JFarrow 

    sorry I can do not understand code apart from copy and paste , could you please help me with a code for google fonts please thank you so very much for your help :)

    • NC for Hire

      Hi Mary Jane... do you have Google Fonts installed on your site?  If you do you know that the style code that Google Fonts give you is places in the top portion of your custom code page in dashboard.  After choosing the style you want to apply here, you would simply copy the effect portion of code inside the code you already have like so.

      Example for Multiple Shadow effect:

      http://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple
      • Hi  JFarrow 

        Thank you

        I never use  Google Fonts , I never hear about it until you said about it. 

        But I would like to use them lo .  it's just the code I am worry about as I can not understand code apart from copy and paste as I got cerebral palsy

         

        • NC for Hire

          not a problem Mary Jane.  If you go here to pick out a couple of fonts, I will get the code for you to cut and paste into your site and tell you where to place it.  YOu'll need one that is thicker for headings and titles and one that is thinner and easy to read for paragraphs.   Just come back here and tell me the fonts you choose and I'll do the rest.  Hope this helps Mary Jane..

          • Hi JFarrow

            Thank you so very much 

            I like the  font effects you got at the top , could you help me with that thank you 

            Is there is way that I could that my wallpaper BACKGROUND SCROLL AND ANIMATE

            Here is my site Always An Open Network http://alwaysanopennetwork.com/

            Thank you so very very much for your help and time 


            • NC for Hire

              ok... well you would add this to the top portion of your Custom Code page 

              <link href='http://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple' rel='stylesheet' type='text/css'>

              and then add this to your CSS section of Design Studio

              h1, h2, h3 {font-family: 'Rancho', cursive;}

              tell me how that turns out.. may need adjustments

              • Hi JFarrow

                Thank you .

                Please take a look , I don't think is working at the min .  can you have a look for me thank you 

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Anam replied to Steve C's discussion
Comparing Speeds of Ning 2 and Ning 3 Sites
"Hi Anastasia, I sent you a PM. I think your response perhaps indicates that some others are having…"
1 hour ago
Anastasia_Ning_Support replied to Steve C's discussion
Comparing Speeds of Ning 2 and Ning 3 Sites
"Hello Anam! 
I apologize for the inconveniences!
We are currently looking into loading speed compla…"
2 hours ago
chienella peter, Tracy McLaughlin, Sherry Blatchley and 14 more joined Ning Creators Social Network
2 hours ago
Hugh replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"By the way - I'm glad to be able to report that at least the support system has now been mended.
An…"
5 hours ago
Hugh replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"Thanks Anastasia. If it would makes things zip along any quicker, I can happily live without insigh…"
5 hours ago
Helela replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"They are nice.. But for four years I've been off or things going wrong since I've opened my site a…"
10 hours ago
Helela and Ron are now friends
NC for Hire
10 hours ago
Steve C replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"Even though only email support comes with my $60 plan, I call support if I need to and I've never b…"
12 hours ago
Helela replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"And, while I'm at it, my facebook sharing button only shows a great big blurry star on facebook. It…"
13 hours ago
Helela replied to Hugh's discussion
Support So Bad - Even the Support System Now Broken
"This is what it's been like for me paying sixty dollars a month since I've had my site. I just get…"
13 hours ago
Anam replied to Steve C's discussion
Comparing Speeds of Ning 2 and Ning 3 Sites
"Funny enough I am recently finding loading times on my site and this one (both Ning 3) to be much s…"
yesterday
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
Welcome Landing Page Builder
"Hello!
Unfortunately, our LPB does not have an inbuilt functionality that would allow you to easily…"
Wednesday
More…

Meanwhile, you can check our social media channels