Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 21, 2020 at 6:47 pm #1247436
    corefocusgroup

    Hi,

    I’ve uploaded a Google font (Karla) in a WOFF format using “Custom Font Manager”. How do I assign this font to LayerSlider?

    NOTE: I do not want to load fonts from fonts.googlapis.com or fonts.gstatic.com.

    Thanks!

    September 23, 2020 at 3:26 am #1247723
    Ismael

    Hey corefocusgroup,

    Thank you for the inquiry.

    You could select the font as the heading or body font in the General Styling > Fonts panel. Since the custom font will now be available in the front end, we could just apply it manually to a specific layer using the Styles > TEXT | FONT & Style > Family field.

    We could also use the layer’s CUSTOM CSS field to apply the font.

    Example:

    font-family: Karla;

    Best regards,
    Ismael

    October 24, 2020 at 3:44 am #1255357
    corefocusgroup

    For anyone else reading this the “font-family” will be the name of the font .zip file you upload NOT the actual name of the FONT.

    Google Font: karla

    Zip uploaded: “karla.zip”
    font-family: karla
    In LayerSlider for the Font setting in each layer you just use “karla”

    OR

    Zip uploaded: “karla-whatever-its-called.zip”
    font-family: karla-whatever-its-called
    In LayerSlider for the Font setting in each later you just use “karla-whatever-its-called”

    This is better than using the font-family in CSS because you can switch back to calling the font from Google at anytime without changing anything in LayerSlider.

    October 26, 2020 at 5:29 am #1255607
    Ismael

    Hi,

    Thank you for info. It will surely help a lot of users. Please feel free to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom Font Manager / Layerslider’ is closed to new replies.