Within Theme Options, you can define up to two fonts, one for the body and one for headers (h1-h6). What if you wanted to use three or five. What if it was only a one time use on a selection of text in your banner? Now you can with the [google_font] shortcode. The google font is only used on the page that has the shortcode, not global. Use it when you need it and spice up your typography skills!
[google_font font="Lobster" size="inherit" weight="400" letter_spacing="0px" size="30px"] How about using the Lobster Google Font in your text?[/google_font]
How about using the ...Satisfy Google Font... in your text?
How about using the [google_font font="Satisfy" size="30px" weight="400" letter_spacing="0px" color="red"]...Satisfy Google Font...[/google_font] in your text?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
[google_font font="Luckiest Guy" size="16px"]Lorem ipsum dolor sit amet .... quam venenatis vestibulum.[/google_font]
Options
| Argument | Default | Description |
|---|---|---|
| font | inherit | The name of the Google font family. Available font names can be found on the Google Fonts website. |
| size | 30px | The font size in px. |
| weight | 400 | The font weight. Not all Google fonts support different weights. |
| letter_spacing | 0px | The spacing between each character in pixels. |
| color | inherit | Set a text color value (#0099ff) to the selected text. |