Change Site Title Font

  • I have uploaded a custom font for the site title. The font is in the /wordpress/fonts directory.
    I’ve searched but can’t make this work. Tried Custom CSS but maybe don’t have the code correct.

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter wstevensharp

    (@wstevensharp)

    Sorry, forget the site link

    fishersmahjongg.com

    So you change it here

    header#header h1 a {
color: #01a0ff;
font-family: 'your font';
}

    and it doesnt work?

    Thread Starter wstevensharp

    (@wstevensharp)

    Hi quarmony

    I think my problem is what file do I work with?

    Thread Starter wstevensharp

    (@wstevensharp)

    I’m working in:
    wordpress/wp-content/themes/iamsocial/css/style.css

    I added the line: font-family: ‘deng_th_’;

    to /************* header.less */
    header#header h1 {
    margin-top: 10px;
    }
    header#header h1 a {
    color: #01a0ff;
    font-family: ‘deng_th_’;
    }
    header#header h1 a:hover {
    color: #275e7f;
    }
    header#header h2 a {
    color: #01a0ff;
    }
    header#header h2 a:hover {
    color: #275e7f;
    }

    Should I be pointing to the location of this font?

    wstevensharp,

    ok so first (after uploading the font) you have to call it, before it shows up in your theme.
    The easiest way will be with @fontface, so simply in your style css copy and paste the following code. Don’t forget to change its path (src line in the code) to point where your font is located:

    @font-face {
	font-family: 'deng_th_';
	src: url(public_html/your-site/wp-content/themes/your-theme/fonts/your-exact-font-name.ttf);
	font-weight: normal;
}

    Then you will be able to use that font with
    font-family: 'deng_th_';

    Thread Starter wstevensharp

    (@wstevensharp)

    Thanks for your help

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change Site Title Font’ is closed to new replies.