Wednesday, March 14, 2018

How to integrate TypeKit fonts into WordPress

1- Get your TypeKit CSS link, for example https://use.typekit.net/z1s12dcxq.css
2- Open such link
3- Copy all the contents you see in the link
4- Open your theme's CSS file and paste the contents in there
5- It should look something like this:


/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 */
/*{"last_published":"2018-02-09 00:31:52 UTC"}*/

@import url("https://p.typekit.net/p.css?s=1&k=jsdisnkdjs=tk&f=88888.4454&a=25252&app=typekit&e=css");

@font-face {
font-family:"adobe-garamond-pro";
src:url("https://use.typekit.net/f62257a9191&fvd=i224&v=23") format("woff2"),url("https://use.typekit.net/af/777/000577/27/d?primer=f62257a9191&fvd=i224&v=23") format("woff"),url("https://use.typekit.net/af/f62257a9191&fvd=i224&v=23") format("opentype");
font-style:italic;font-weight:400;
}

@font-face {
font-family:"minion-pro";
src:url("https://use.typekit.net/f62257a9191&fvd=i224&v=23") format("woff2"),url("https://use.typekit.net/af/777/000577/27/d?primer=f62257a9191&fvd=i224&v=23") format("woff"),url("https://use.typekit.net/af/f62257a9191&fvd=i224&v=23") format("opentype");
font-style:italic;font-weight:400;
}

.tk-adobe-garamond-pro { font-family: "adobe-garamond-pro",sans-serif; }
.tk-minion-pro { font-family: "minion-pro",serif; }
6- Save changes

No comments:

Post a Comment