// Header 1 - custom SERIF font // @font-face { font-family: 'PlayfairDisplay', serif; src: url(https://static1.squarespace.com/fake-url/PlayfairDisplay.woff); src: url(https://static1.squarespace.com/fake-url/PlayfairDisplay.woff2); } h1 { font-family: 'PlayfairDisplay' !important; font-size: 2em; } // Header 1 - custom SCRIPT font // @font-face { font-family: 'Pinyon Script', cursive; src: url(https://static1.squarespace.com/fake-url/PinyonScript.woff); src: url(https://static1.squarespace.com/fake-url/PinyonScript.woff2); } h1 em { font-family: 'Pinyon Script' !important; font-size: 2.5em; font-style: normal !important; padding: 15px; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter