Viewing 3 replies - 1 through 3 (of 3 total)
  • There are many ways you can do this, here are two:

    Easy method:
    Find the font you want here: https://www.google.com/fonts
    Download this plugin: https://www.ads-software.com/plugins/wp-google-fonts/
    Target the header and tagline in the Custom CSS section.

    More advanced method:
    First, you’ll want to make a child theme so your changes do not disappear when you update your theme, see this page: https://codex.www.ads-software.com/Child_Themes

    Next, you’ll want to find the web font you want, I recommend Google fonts: https://www.google.com/fonts and they’re free

    Then, you’ll want to enqueue the script in your functions.php file and set the fonts in your child themes style.css file

    Thread Starter westchester2wallst.com

    (@westchester2wallstcom)

    Thanks Travis. I thought I was just getting my feet wet but I guess I’m in up to my neck. Yes this works-I need to play with it now…

    Some of what I have here might also be related:

    /* Header */
    .site-header {
    	padding: 24px 0;
    	padding: 1.714285714rem 0;
    	position: relative; /* our add */
    }
    .site-header h1,
    .site-header h2 {
    	text-align: center;
    }
    .site-header h1 a,
    .site-header h2 a {
    	color: #515151; /* very dark gray */
    	display: inline-block;
    	text-decoration: none;
    }
    .site-header h1 a:hover,
    .site-header h2 a:hover {
    	color: #21759b; /* WordPress dark blue */
    }
    .site-header h1 {
    	font-size: 24px;
    	font-size: 1.714285714rem;
    	line-height: 1.285714286;
    	margin-bottom: 14px;
    	margin-bottom: 1rem;
    }
    .site-header h2 {
    	font-weight: normal;
    	font-size: 13px;
    	font-size: 0.928571429rem;
    	line-height: 1.846153846;
    	color: #757575; /* dark gray */
    }
    .header-image {
    	margin-top: 0; /* our mod */
    	margin-top: 0rem; /* our mod */
    	vertical-align: bottom; /* our add */
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘font change for twenty twelve’ is closed to new replies.