Font-weight:bolder
font-weight:bolder for fonts with multiple weights.
http://paulradzkov.com/2014/font-weight_bolder/
font-weight:bolder for fonts with multiple weights.
http://paulradzkov.com/2014/font-weight_bolder/
<html lang="en">
<head><meta charset="UTF-8">
<title>Document</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin' rel='stylesheet' type='text/css'>
</head><body><h1>Header with <strong>nested <strong>strong</strong> inside</strong> </h1>
<p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur adipisicing elit. Explicabo temporibus eos voluptatibus earum quasi quo magnam officia quidem odio dolorem. <strong>Quasi <strong>voluptates nesciunt illo ea <strong>sapiente impedit</strong> officiis</strong> ipsum eum.</strong></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo temporibus eos voluptatibus earum quasi quo magnam officia quidem odio dolorem. Quasi voluptates nesciunt illo ea sapiente impedit officiis ipsum eum.</p>
<p>This is blockquote:</p>
<blockquote><p>Lorem <strong>dolor sit amet</strong>, consectetur adipisicing elit. Explicabo temporibus eos voluptatibus earum quasi quo magnam officia quidem odio dolorem. <strong>Quasi voluptates nesciunt illo ea <strong>sapiente impedit</strong> officiis ipsum eum.</strong></p>
<cite>Source of the blockquote</cite>
</blockquote></body></html>body {
body {font-family: 'Open Sans', sans-serif;
font-weight: 300;
padding: 4em;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
blockquote {font-weight: bolder;
}
strong, b {
font-weight: inherit;
}
strong, b {
font-weight: bolder;
}