Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #128837
    PeteGWebmaster
    Participant

    I’m trying to figure out how to change the name of the home page to a cursive/script font.

    The words “The Simple Way to Buy and Sell Liquor Licenses” at liquorlicenseleaders dot com is specifically what I’m referencing.

    Thanks

    #128891
    Pratik
    Keymaster

    @petegwebmsater: There should be Font Family option in Appearance => Customize => Theme Options => Font Family Options, there change Content Title Font Family, this should change the desired font. You can check out variety of fonts and pick the one that suits you.

    Regards,
    Pratik

    #128893
    PeteGWebmaster
    Participant

    This option changes font style for page title on all pages. I only want the font style changed on the home page. I checked the fonts listed in the customize section and none of them appear to be cursive style.

    #128895
    Pratik
    Keymaster

    Hi Pete,

    Ah ok, for homepage only. So, let me know which google font you want then I can help you. Let me know the font you want to use there.

    Regards,
    Pratik

    #128896
    PeteGWebmaster
    Participant

    Dancing Script

    #128902
    Pratik
    Keymaster

    Add followiong code in Appearance=> Customize=> Additional CSS box:

    
    /* vietnamese */
    @font-face {
      font-family: 'Dancing Script';
      font-style: normal;
      font-weight: 400;
      src: local('Dancing Script Regular'), local('DancingScript-Regular'), url(https://fonts.gstatic.com/s/dancingscript/v9/DK0eTGXiZjN6yA8zAEyM2fRMc6C39aem-aUPzsV2c2w.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'Dancing Script';
      font-style: normal;
      font-weight: 400;
      src: local('Dancing Script Regular'), local('DancingScript-Regular'), url(https://fonts.gstatic.com/s/dancingscript/v9/DK0eTGXiZjN6yA8zAEyM2e87R-l0-Xx_7cYc0ZX1ifE.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'Dancing Script';
      font-style: normal;
      font-weight: 400;
      src: local('Dancing Script Regular'), local('DancingScript-Regular'), url(https://fonts.gstatic.com/s/dancingscript/v9/DK0eTGXiZjN6yA8zAEyM2Ud0sm1ffa_JvZxsF_BEwQk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
    }
    
    .home #main .entry-container .entry-title {
      font-family: 'Dancing Script', cursive;
      font-size: 20px;
    }
    

    Let me know how it goes.

    Regards,
    Pratik

    #128904
    PeteGWebmaster
    Participant

    Alright that worked, thanks. Now I’d just like to increase the font size by about 50% for this home page title. Can you please assist with this as well?

    #128905
    Pratik
    Keymaster

    Hi Pete,

    I have edited the code above a bit. Near bottom of code, you should see font-size: 20px, just increase or decrease this 20 as per your liking and you will get desired results.

    Let me know how it goes.

    Regards,
    Pratik

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Cursive font for home page title’ is closed to new replies.