- This topic has 7 replies, 2 voices, and was last updated 6 years, 2 months ago by Pratik.
-
AuthorPosts
-
December 29, 2017 at 12:04 pm #128837PeteGWebmasterParticipant
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
December 30, 2017 at 10:54 pm #128891PratikKeymaster@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,
PratikDecember 30, 2017 at 11:01 pm #128893PeteGWebmasterParticipantThis 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.
December 30, 2017 at 11:13 pm #128895PratikKeymasterHi 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,
PratikDecember 30, 2017 at 11:16 pm #128896PeteGWebmasterParticipantDancing Script
December 30, 2017 at 11:42 pm #128902PratikKeymasterAdd 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,
PratikDecember 31, 2017 at 12:16 am #128904PeteGWebmasterParticipantAlright 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?
December 31, 2017 at 12:19 am #128905PratikKeymasterHi 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 -
AuthorPosts
- The topic ‘Cursive font for home page title’ is closed to new replies.