Google Fonts?

Homepage Community Forums Epik Theme Support Google Fonts?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15912
    kencelt
    Customer

      I know there’s a lot of stuff here about Google fonts but I just cannot understand how to do this – the Genesis tutorial says all you need to do is add the following code to functions.php:

      //* Enqueue Lato Google font
      add_action( ‘wp_enqueue_scripts’, ‘sp_load_google_fonts’ );
      function sp_load_google_fonts() {
      wp_enqueue_style( ‘google-font-lato’, ‘//fonts.googleapis.com/css?family=Lato:300,700’, array(), CHILD_THEME_VERSION );
      }

      To use the Lato font in this case

      What else do I need to do? as no change to the fonts has been made on when I view the site

      Thanks

      #15913
      Andykev
      Customer

        Hi. I just changed the existing font to the one I wanted in the theme style.css

        Look for this:

        /* Typographical Elements
        --------------------------------------------- */
        
        html {
        	font-size: 100%; /* 16px browser default */
        }
        
        body {
        	background: #f2f2f2;
        	color: #333;
        	font-family: 'Comic Sans MS',"Helvetica Neue", Helvetica, Arial, sans-serif;
        	font-size: 18px;
        	font-weight: 300;
        	line-height: 1.625;
        }
        

        I just typed the “Comic Sans MS” on the font-family line..and it changed all the standard fonts to this (comic sans) on the whole website..which is what I wanted. I did not play with the others, as the line height etc. are fine.

        #15914
        Andykev
        Customer

          Sorry, I did it here too…

          /* Headings
          --------------------------------------------- */
          
          h1,
          h2,
          h3,
          h4,
          h5,
          h6 {
          	color: #333;
          	font-family: 'Comic Sans MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;
          	font-weight: 600;
          	line-height: 1.5;
          	margin: 0;
          	margin-bottom: 16px;
          	padding: 0;
          }
          #15922
          kencelt
          Customer

            Thanks, I get it now!

          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Google Fonts?’ is closed to new replies.