Login to Adobe Fonts and create your typeface web kit. Copy the code generated, it should look something like this:
<link rel=”stylesheet” href=”https://use.typekit.net/uko8kns.css“>
Back up the code in the header.php file. Then paste this into the header tag of your header.php file.
Add custom CSS file (Appearance > Customise). Here is an example:
p {
font-family: rift, sans-serif;
font-weight: 700;
font-style: normal;
}
h1 {
font-family: frank-new, sans-serif;
font-weight: 700;
font-style: normal;
}
h2 {
font-family: rift-soft, sans-serif;
font-weight: 700;
font-style: normal;
}
h3 {
font-family: frank-new, sans-serif;
font-weight: 400;
font-style: normal;
}
h4 {
font-family: rift-soft, sans-serif;
font-weight: 700;
font-style: normal;
}
h5 {
font-family: frank-new, sans-serif;
font-weight: 700;
font-style: normal;
}
h6 {
font-family: rift-soft, sans-serif;
font-weight: 600;
font-style: normal;
}