Change font weight in Altitude Pro

[aholub]

I like the Ek Mukta font used in Altitude Pro, but the only font weights that seem to work are light (200) and bold (600). The google page shows several other weights (https://www.google.com/fonts/specimen/Ek+Mukta), but specifying a "font-weight:300;" (or 400 or anything other than 600) has no effect at all. Is there any way to get the "normal' weights, or are light and bold the only options?

[Brad Dalton]

You can change the value for the front-weight in the CSS in your style.css file.

Line 146, you'll find this CSS:

body {
	background-color: #fff;
	color: #000;
	font-family: "Ek Mukta", sans-serif;
	font-size: 20px;
	font-weight: 200;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

---

Tutorials for StudioPress Themes.

[aholub]

Yes, that much is obvious. The problem, as I stated in my original message, is that changing the weight has no effect until it gets up to 600. Weights between 200 and 600 are all treated as 200. I'm thinking that this is a font-loading issue, but I could be wrong.

[Brad Dalton]

Try modifying the PHP like this

wp_enqueue_style( 'altitude-google-fonts', '//fonts.googleapis.com/css?family=Ek+Mukta', array(), CHILD_THEME_VERSION );

And then set the weight in CSS.

font-weight: 400;

---

Tutorials for StudioPress Themes.

[aholub]

Thanks! That's definitely the right place. I solved the problem by adding a specific font weight:

wp_enqueue_style( 'altitude-google-fonts', '//fonts.googleapis.com/css?family=Ek+Mukta:200,300,800', array(), CHILD_THEME_VERSION );

(The original PHP specified ":200,800")

[Author]

Posts