Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 20, 2014 at 1:28 am #354078
    BeeCee

    Hi,

    is it possible, to use Google fonts for styling the text of layers within the LayerSlider and if yes, how can I do this?

    Thank you!

    November 20, 2014 at 12:21 pm #354239
    Ismael

    Hi COLORIT!

    Thank you for using Enfold.

    Go to the Layer Slider panel then look for the Load Google Fonts. Search for the google font that you want, example, Lato. Select font weights then click Add font. Create a layer then go to the Styles > Custom CSS field. Add something like this:

    font-family: 'Lato', sans-serif; font-weight: 900;

    On the head tag, you should see the layer slider google font code:

    <link rel='stylesheet' id='ls-google-fonts-css'  href='http://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic&subset=latin%2Clatin-ext'

    Cheers!
    Ismael

    November 20, 2014 at 1:10 pm #354255
    BeeCee

    Thank you Ismael, but what do you mean with “LayerSlider panel”?
    I haven’t found anything in the slider settings like “load Google fonts”. I use the newest ENFOLD theme update with WP 4.0

    November 20, 2014 at 1:45 pm #354265
    BeeCee

    UPDATE:

    I have found it on the very bottom of the “All Sliders” page, I have only looked at the ONE slider settings ;-)

    BUT:
    the Google font does not show right at my site although it is in my source code right:

    <link rel='stylesheet' id='ls-google-fonts-css' href='http://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700%7CNothing+You+Could+Do:regular&subset=latin%2Clatin-ext' type='text/css' media='all' />

    and in the general slider panel I have:

    and at the slider styling itself, I have added the font like this:

    font-family: 'Nothing+You+Could+Do', regular;

    I also tried:

    font-family: 'Nothing You Could Do', regluar;

    It’s the Google font “Nothing You Could Do”. In the frontend this font is not shown as handwritten font in the slider (my site is still under construction/offline).

    I guess, I have just doing something wrong in writing the font at the single slider setting/styling??

    Any idea please?

    November 20, 2014 at 2:14 pm #354272
    BeeCee

    Ah, I figured it out and it worked fine.
    My fault was, that I have added the font into the field “font” (red arrow in the screenshot) and not in the line “Custom CSS” (green).
    If someone else need it, too – the solution is just to add it to the Custom CSS :-)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Using Google fonts within LayerSlider's layers possible? How?’ is closed to new replies.