[PeteGWebmaster]

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

[Pratik]

@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

[PeteGWebmaster]

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.

[Pratik]

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

[PeteGWebmaster]

Dancing Script

[Pratik]

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

[PeteGWebmaster]

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?

[Pratik]

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

[Author]

Posts