Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 23, 2022 at 12:13 pm #1336724
    Veronika

    Hi dear Kriesi-Team,

    I would like to have two different font types on my website. https://imgur.com/zgs8ZZp
    With the elementor editor everything works all right, but I would like to create all my posts with the ALB so I can delete elementor. Unfortunately the second font does not work with ALB.

    CASLON PRO: would like to use it for main content and main content heading like H5 or H6
    QUIROH: using for heading and text on excerpts of posts.

    Currently on posts created with ALB, only the quiroh font works: https://imgur.com/0ofLmgw https://imgur.com/d6utUIg
    what can I change, so both of my fonts really works as I would like them to do?

    Thank you very much

    All Best,
    Veronika

    January 24, 2022 at 4:19 am #1336811
    Ismael

    Hey Veronika,

    Thank you for the inquiry.

    Did you upload the font using the Custom Font Manager in the Enfold > Import/Export panel? Please note that this feature is intended for Google Fonts, so font files from other sources may not work correctly. You may need to use the @font-face rule for the Caslon Pro font and apply it to the heading elements manually with custom css.

    // https://css-tricks.com/snippets/css/using-font-face-in-css/

    Best regards,
    Ismael

    January 24, 2022 at 10:19 am #1336856
    Veronika

    Hi Ismael,
    thank you for your fast response. I used the Custom Adobe Fonts (Typekit) plugin. Now I know you can´t offer support for plugins, but what I am asking is, why one font is working with this theme and second does not. When I am creating a blog post with elementor there is no problem, but when I try it with ALB only one font is available.

    I am sorry but I dont understand the link you send.

    Thank you very much,

    All the best,
    Veronika

    January 24, 2022 at 11:39 am #1336871
    Ismael

    Hi,

    Thank you for the update.

    The font is already loaded in the site but it has to be applied manually to the heading element. To apply it on an h1 element for example, try to use this css code.

    #top #wrap_all .header_color h1, #top #wrap_all .main_color h1 {
    font-family: "adobe-caslon-pro";
}

    This is where the font file is loaded.

    // https://use.typekit.net/nfs3fno.css

    Best regards,
    Ismael

    January 24, 2022 at 12:12 pm #1336884
    Veronika

    Hi Ismael,

    I don´t understand why one font is already working and I need to manually apply the second. What’s the difference?
    What is the heading element?
    It should be used like this:
    Welcome page: QUIROH only,
    posts: quiroh, how can I change it individually?

    thank you for your time

    best, Veronika

    January 25, 2022 at 8:33 am #1336986
    Ismael

    Hi,

    I don´t understand why one font is already working and I need to manually apply the second

    The font has to be applied manually because the theme overrides the css code that the plugin is using to apply the font. Please try the css code that we recommended above to change the font of the h1 tag or element.

    What is the heading element?

    They are the h1-h6 elements, usually use for titles. For additional assistance regarding the fonts, please contact the plugin authors.

    Best regards,
    Ismael

    February 13, 2022 at 4:48 pm #1340391
    Veronika

    Hi Ismael,

    the provided code works well Thank you. I would like to use the code for the body text. Is this correct?

    #top #wrap_all .body_color body, #top #wrap_all .main_color h1 {
    font-family: “adobe-caslon-pro”;
    }

    February 14, 2022 at 2:02 pm #1340493
    Yigit

    Hi,

    Please use the code as following

    
body#top,
#top #wrap_all h1 {
  font-family: "adobe-caslon-pro";
}

    Best regards,
    Yigit

    February 14, 2022 at 3:00 pm #1340500
    Veronika
    This reply has been marked as private.
    February 14, 2022 at 3:09 pm #1340505
    Yigit

    Hey Veronika,

    Could you please post a screenshot and show which text should use Caslon pro? I think it will be easier for us to understand then :)

    Regards,
    Yigit

    February 14, 2022 at 3:16 pm #1340511
    Veronika

    Caslon pro: only paragraph text in posts (nowhere else, not in excerpt not on fixed sides)

    View post on imgur.com

    View post on imgur.com

    Thank you very much

    February 14, 2022 at 11:37 pm #1340603
    Ismael

    Hi,

    Try to add a custom css class name or ID to the text element (Advanced > Developer Settings > Custom CSS Class), then use it to apply the font or use it to change the style of the element.

    #top #wrap_all .av-custom-text {
  font-family: "adobe-caslon-pro";
}

    The custom css class name in the code above is “av-custom-text”. For more about info about custom css, please check this documentation.

    // https://kriesi.at/documentation/enfold/add-custom-css/

    Best regards,
    Ismael

    February 15, 2022 at 1:58 pm #1340703
    Veronika

    Ismael,

    thank you so much, I actually learned something new :)

    Thank you, you can close this thread now

    Best,
    Veronika

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Fonts Problem’ is closed to new replies.