Hello,
If you want to different google font, first select he font you wish here:
https://fonts.google.com
Supposing we choose the “Robot Font”:

Change the google fonts stylesheet on head of document to:
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
* This is the code generated in the google fonts website.
Add in (css/custom.css):
/* OPTION 1 */
/* Change all text of website */
body {
font-family: 'Roboto', sans-serif;
}
/* OPTION 2 */
/* Change specific elements. You need to specify what elements */
/* For example change just Headings and links */
h1, h2, h3, h4, h5, h6, a {
font-family: 'Roboto', sans-serif;
}
* You should explicit what HTML tags should have the new font family.
OR
If you do not want a Google Font, please follow the instructions here:
Including a truetype font to the HTML template
Please try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.
If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads