Home Forums Air WordPress Theme Font settings

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #25801
    IrianSchuur
    Participant
    Purchased
    Expired

    Hi there!

    Im trying to achieve a slick typography lay-out, and I’m using two different font families with different weights. I can’t set the separate Headings in the different font. For example I want Heading 1 to be Oswald, the paragraph is set in Quicksand. But for small texts, like footnotes, I want to use Heading 6 f.e but I want that to be the same family as the paragraph (Quicksand) but I can’t set the headings individually in different font families?

    Cheers!

    #25802
    IrianSchuur
    Participant
    Purchased
    Expired

    Another question,

    Is there also a tool where I can set the spacing/tracking between the characters? In font-logo and the navigation bar the font has to much space in-between the characters

    #25803
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,
    Welcome to SeaTheme forum.

    1. Yes, there isn’t option to define the separate Heading font. It is possible by custom CSS like:

    h6 {
        font-family: 'Libre Baskerville', serif; 
    }

    Please let me know what is the font name, and where is it used(better paste a page URL)

    2. Please use the custom CSS code(“Appearance > Customize: Additional CSS”):

    .logo-h1,
    .navi-trigger-text-inn,
    .menu-item { 
        letter-spacing: 3px;
    }

    Regards! SeaTheme – FAQsTwitterFacebook

    #25805
    IrianSchuur
    Participant
    Purchased
    Expired

    The website itself is not published yet, I’m working in a staging environment. The font family I want to use for H6 is ‘Quicksand’ (a google font). I’ve added a screenshot for it.

    2. Cheers! Now I can finetune it 🙂 Appreciate it a lot!!

    #25810
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi, welcome!
    Please use the custom CSS code(“Appearance > Customize: Additional CSS”):
    h6 { font-family: 'Quicksand', sans-serif; }

    If you didn’t use this font for other element, please add the CSS also, the codes need to be above all other custom CSS codes:
    @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap');


    Regards!
    SeaTheme – FAQsTwitterFacebook

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.