Change intro font

[tamaniaci]

How do I change the intro font to this and still keep the style (the color and shadow) that come with the theme?

http://chocolatechippy.com/

I want to change the font in this line: CHOCOLATE CHIPPY OFFERS WITTY AND “WAGGISH” ANIMAL RELATED STATIONARY AND PRODUCTS FOR ANIMAL LOVERS WITH A SILLY SENSE OF HUMOR.

I would like to use this font: https://www.google.com/fonts/specimen/Amatic+SC

This is what it looks like on the backend currently:

[segment class=”last-segment action-call”]

Chocolate Chippy offers witty and “waggish” animal related stationary and products for animal lovers with a silly sense of humor.

[/segment]

[Veena]

Pls use the below custom CSS in themeoptions –

.action-call .heading2 .title {
  font-family: 'Amatic SC' !important;
}

[tamaniaci]

Awesome! How do I make that font larger now?

[tamaniaci]

And do I use the custom CSS to change the other headings (H1, H2, H3, H4, etc.) to that font? If so, what code should I use?

[Raghavendra]

You just use normal CSS to achieve the same –

h1,h2,h3,h4,h5,h6 {font-family: "Amatic SC" !important;}

and to change font size –

.action-call .heading2 .title {
  font-family: 'Amatic SC' !important;
font-size: 32px; /* WHatever size you prefer */
}

[Author]

Posts