using american typewriter font as default font

Hey istaring,

If the font you mentioned is a part of google fonts please check this link for step by step instruction to register google fonts to theme options.

If not you can add it using the CSS method

To upload the custom fonts manually and add them to frontend elements using CSS code please follow the below steps:

1. Generate the webfont kit from fontsquirrel
2. Extract The files and copy the @font css code from stylesheet.css to Enfold child theme styles.css

@font-face {
    font-family: 'YOUR-FONT-NAME';
    src: url('YOUR-FONT-NAME.woff2') format('woff2'),
         url('YOUR-FONT-NAME.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

3. Copy the woff and other font files to the same folder as the child theme styles folder wp-content\themes\enfold-child

4. Now you can start assigning new font family to headings and paragraph using custom CSS in your child theme styles or in the Quick CSS section
NOTE: If the below code doesn’t change anything deactivate caching plugin and try adding “!important” to the font-family: ‘YOUR-FONT-NAME’!important;

p {
 font-family: 'YOUR-FONT-NAME';
 font-size: 18px;
}

Another way to do this would be to use a plugin like Use any font which will make the job of assigning fonts very easy.

Best regards,
Vinay