Change fonts in Twenty Eleven

  • Resolved bjoleniacz

    (@bjoleniacz)


    10 years, 1 month ago

    Hi,

    I’m trying to change the fonts on my website https://www.persianiseasy.com without much success.

    I can’t seem to alter the fonts of the Site Description or the text of pages, post titles, and posts.

    here is my child theme’s style.css:

    #site-description { color: #000;
                color: #7a7a7a;
	font: Andalus;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
 }

#branding {
	border-top: none; 

}
#site-title a {
	color: #111;
	font:30px Andalus, Garamond, Georgia;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}

#page {
    background: rgba(245, 245, 220, 0.7);
	border-top: none;

}

.page { color: #000; }

.widget-title {
color: black;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}

#main{  background: transparent;
	clear: both;
	padding: 1.625em 0 0;

}

.page-title {
	color: #666;
	font: Andalus;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font: Andalus, Garamond, serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}

.singular .entry-title {
    font-family: Andalus;
}

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

  • try

    font-family: ‘fontName’;

    Thread Starter bjoleniacz

    (@bjoleniacz)

    I’ve tried the font-family tag before without results. Do I have to put the font in quotes?

    I successfully changed ALL the fonts on the page with this:

    body, input, textarea {
	color: #373737;
	font: 17px Andalus, Garamond, "Times New Roman", serif;
	font-weight: 350;
	line-height: 1.625;
}

    However, I would like to know how to manage the fonts for each element.

    which font are you looking to change? content area? site title? post title or what?
    i believe you are talking about content area?

    go to dashboard -> appearance-> editor-> and edit style.css

    body, input, textarea
    {
    color: #373737;
    font: 15px “Helvetica Neue”, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.625;

    }

    Thread Starter bjoleniacz

    (@bjoleniacz)

    I figured it out.

    .page-title {
	color: #666;
	font: Andalus;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font: Andalus, Garamond, serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}

.singular .entry-title {
    font-family: Andalus, Garamond, serif;
}

.entry-title {
	font-family: Andalus, Garamond, serif;
}

.entry-content {
	font-family: Garamond, serif;
	font-size: 19px;
}

    The div classes are a little different in WordPress 4 than they were in 2011. Thanks for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change fonts in Twenty Eleven’ is closed to new replies.