Bug 172097 - WebKit blog CSS de-emphasizes <em> elements
Summary: WebKit blog CSS de-emphasizes <em> elements
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: WebKit Website (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Jon Davis
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2017-05-14 17:24 PDT by James Craig
Modified: 2019-12-04 16:55 PST (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description James Craig 2017-05-14 17:24:22 PDT 
WebKit blog CSS de-emphasizes <em> elements.


On the WebKit blog, <em> elements, normally italicized, are a thinner font weight than the surrounding text, and not italicized.
Comment 1 James Craig 2017-05-14 17:31:34 PDT 
Jon, any objection to this change?

--- Websites/webkit.org/wp-content/themes/webkit/style.css	(revision 216354)
+++ Websites/webkit.org/wp-content/themes/webkit/style.css	(working copy)
@@ -92,7 +92,7 @@
     font-weight: 700;
 }
 em {
-    font-weight: 200;
+    font-style: italic;
 }
 code {
     font-family: Menlo, monospace;
Comment 2 James Craig 2017-05-14 17:33:40 PDT 
We could leave the thinner font, but the emphasized text looks weird w/o italics.
Comment 3 Jon Davis 2017-05-15 08:06:51 PDT 
This is my type prejudice bleeding through. If we change the emphasis to italicize the typography, I recommend we bump the font weight up slightly above normal with font-weight: 500;. Other than that, no objection.
Comment 4 Jon Davis 2019-12-04 16:55:06 PST 
This is no longer relevant in the refreshed design with new typeface rules.