Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10036392
    Daniel Garcia
    Participant

    How do I replace the main font?



    Template Version: 8.3.0
    #10036402
    Support
    Keymaster

    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


Viewing 2 posts - 1 through 2 (of 2 total)

This topic is marked as "RESOLVED" and can not rceive new replies.