font for content issues

  • I’ve done lengthy research online and on this support page but unfortunately nothing has worked. I’m attempting to create a new default font for page content. I’ve uploaded the new font to the child theme directory and confirmed it is there but still no luck. Here is what I have added to the child theme css:
    /* new font type – footlight */

    @font-face {
    font-family: ‘footlight’;
    src:url(‘https://thesouljournalist.com/wp-content/themes/preference-lite-child/preference-lite-child/fonts/footlight.ttf’) format (‘truetype’);
    }

    /* replacement font for body text */

    html {
    font-size: 100%;
    font-family: footlight;
    color:#747474;
    }
    body {
    font-size:13px;
    font-size: 0.813rem;
    font-family: footlight;
    line-height:21px;
    line-height:1.313rem;
    }

Viewing 4 replies - 1 through 4 (of 4 total)

  • You have curly quotes in your src:url(...) line instead of straight quotes:

    src:url('https://thesouljournalist.com/wp-content/themes/preference-lite-child/preference-lite-child/fonts/footlight.ttf') format ('truetype');

    Thread Starter cupojoeg

    (@cupojoeg)

    Unfortunately that didn’t make any difference.

    Can’t believe I didn’t catch this earlier. You’re missing the ending bracket for #nav-wrapper on line 59. Also, there shouldn’t be a space in format ('truetype').

    #nav-wrapper {
	background-color:#78a5b6;
	border-radius:60px 60px 0 0;
	-webkit-border-radius: 60px 60px 0px 0px;
	height:27px;
	text-align:center;
	font:normal 14px open_sans, Arial, sans-serif;
		font-size: 0.875rem;
	color:#fff;
}
/* new font type - footlight */

@font-face {
font-family: 'footlight';
src:url('https://thesouljournalist.com/wp-content/themes/preference-lite-child/preference-lite-child/fonts/footlight.ttf') format('truetype');
}
    Thread Starter cupojoeg

    (@cupojoeg)

    I think that did it! Thanks, sorry it was just a sloppy error.

    This topic can be closed.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘font for content issues’ is closed to new replies.