{"action":"created","issue":{"url":"https://api.github.com/repos/jekyll/jekyll/issues/4042","labels_url":"https://api.github.com/repos/jekyll/jekyll/issues/4042/labels{/name}","comments_url":"https://api.github.com/repos/jekyll/jekyll/issues/4042/comments","events_url":"https://api.github.com/repos/jekyll/jekyll/issues/4042/events","html_url":"https://github.com/jekyll/jekyll/issues/4042","id":111958651,"number":4042,"title":"Jekyll's default font-weight of 300 causes bold/strong text to be indistinguishable from regular text on IE11 and Firefox","user":{"login":"i-give-up","id":14156307,"avatar_url":"https://avatars.githubusercontent.com/u/14156307?v=3","gravatar_id":"","url":"https://api.github.com/users/i-give-up","html_url":"https://github.com/i-give-up","followers_url":"https://api.github.com/users/i-give-up/followers","following_url":"https://api.github.com/users/i-give-up/following{/other_user}","gists_url":"https://api.github.com/users/i-give-up/gists{/gist_id}","starred_url":"https://api.github.com/users/i-give-up/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/i-give-up/subscriptions","organizations_url":"https://api.github.com/users/i-give-up/orgs","repos_url":"https://api.github.com/users/i-give-up/repos","events_url":"https://api.github.com/users/i-give-up/events{/privacy}","received_events_url":"https://api.github.com/users/i-give-up/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/jekyll/jekyll/labels/Bug","name":"Bug","color":"d41313"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2015-10-17T11:44:24Z","updated_at":"2015-10-19T08:12:15Z","closed_at":null,"body":"Specs:\r\n\r\n- OS: Windows 8.1 64-bit\r\n- Jekyll version: 2.5.3 ([the current main.scss](https://github.com/jekyll/jekyll/blob/master/lib/site_template/css/main.scss#L11) is also using the same font-weight of 300).\r\n- Browsers affected: IE11, Firefox 41, Palemoon 25\r\n\r\nBy \"default\", I mean the CSS used by the site when you run `jekyll new` \r\n\r\nThe issue is that the default browser stylesheet in IE11, Firefox 41, Palemoon 25 (probably other versions too but these are the ones I have) defines the `font-weight` property of `b` and `strong` as `bolder`. So if the inherited font-weight is 300, that means `b` and `strong` will have a font-weight of 400. (c.f. [\"Meaning of relative weights\"](https://developer.mozilla.org/en/docs/Web/CSS/font-weight#Meaning_of_relative_weights)). Fonts like Arial doesn't show any visual difference between font-weights 300 and 400.\r\n\r\nIf inherited font-weight is 400, then `bolder` would be 700.\r\n\r\nChrome is unaffected because its default stylesheet defines `b` and `strong` with `font-weight: bold`.\r\n\r\nI think there are 2 approaches to resolve this issue\r\n\r\n- change default font-weight to 400 in [main.scss](https://github.com/jekyll/jekyll/blob/master/lib/site_template/css/main.scss#L11)\r\n- define the rule `font-weight: bold` for `b` and `strong` in [_base.scss](https://github.com/jekyll/jekyll/blob/master/lib/site_template/_sass/_base.scss)  \r\n\r\n"},"comment":{"url":"https://api.github.com/repos/jekyll/jekyll/issues/comments/149138506","html_url":"https://github.com/jekyll/jekyll/issues/4042#issuecomment-149138506","issue_url":"https://api.github.com/repos/jekyll/jekyll/issues/4042","id":149138506,"user":{"login":"alfredxing","id":2704010,"avatar_url":"https://avatars.githubusercontent.com/u/2704010?v=3","gravatar_id":"","url":"https://api.github.com/users/alfredxing","html_url":"https://github.com/alfredxing","followers_url":"https://api.github.com/users/alfredxing/followers","following_url":"https://api.github.com/users/alfredxing/following{/other_user}","gists_url":"https://api.github.com/users/alfredxing/gists{/gist_id}","starred_url":"https://api.github.com/users/alfredxing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alfredxing/subscriptions","organizations_url":"https://api.github.com/users/alfredxing/orgs","repos_url":"https://api.github.com/users/alfredxing/repos","events_url":"https://api.github.com/users/alfredxing/events{/privacy}","received_events_url":"https://api.github.com/users/alfredxing/received_events","type":"User","site_admin":false},"created_at":"2015-10-19T08:12:15Z","updated_at":"2015-10-19T08:12:15Z","body":"So after doing a bit of reading, it seems to me that there isn't a solution using `bolder` and `lighter`? Those are both relative to their parents, so if we set paragraph styles to `lighter`, bold text with `bolder` would still be normal weight... Even then, `lighter` relative to normal weight is `100` rather than `300` according to MDN."}}