Use numeric font weights instead of keywords.

When Open Sans was in use, the `300`, `400`, and `600` weights were loaded. `400` is the equivalent of `normal`; however, `bold` is equivalent to `700`, not `600`. With the move to system fonts, we need to be specific rather than relying on the lack of a `700` weight. Not all system fonts include a `600` weight; in those instances, they will use the `bold`/`700` weight.

The WordPress CSS Coding Standards have been updated accordingly.

props coderste.
see #36753.


git-svn-id: https://develop.svn.wordpress.org/trunk@37740 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi
2016-06-17 18:36:03 +00:00
parent bfdf00cb83
commit 265fabc1c4
23 changed files with 80 additions and 80 deletions
+6 -6
View File
@@ -8,7 +8,7 @@
text-transform: none;
letter-spacing: normal;
font-size: 13px;
font-weight: normal;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
line-height: 32px;
-webkit-border-radius: 0;
@@ -83,7 +83,7 @@ html:lang(he-il) .rtl #wpadminbar * {
direction: ltr;
color: #ccc;
font-size: 13px;
font-weight: normal;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
line-height: 32px;
height: 32px;
@@ -182,7 +182,7 @@ html:lang(he-il) .rtl #wpadminbar * {
}
#wpadminbar .quicklinks .menupop ul li a strong {
font-weight: bold;
font-weight: 600;
}
#wpadminbar .quicklinks .menupop ul li .ab-item,
@@ -366,7 +366,7 @@ html:lang(he-il) .rtl #wpadminbar * {
display: inline;
padding: 2px 5px;
font-size: 10px;
font-weight: bold;
font-weight: 600;
-webkit-border-radius: 10px;
border-radius: 10px;
}
@@ -720,7 +720,7 @@ html:lang(he-il) .rtl #wpadminbar * {
width: auto;
display: block;
font-size: 14px;
font-weight: bold;
font-weight: 600;
padding: 15px 23px 14px;
background: #f1f1f1;
color: #0073aa;
@@ -807,7 +807,7 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar * {
font-size: 14px;
font-weight: normal;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
line-height: 32px;
}
+6 -6
View File
@@ -140,7 +140,7 @@ div.mce-tab:focus {
margin: 8px 0;
white-space: normal;
font-size: 14px;
font-weight: normal;
font-weight: 400;
}
.mce-window .wp-editor-help table {
@@ -180,14 +180,14 @@ div.mce-tab:focus {
}
.mce-window .wp-editor-help th {
font-weight: bold;
font-weight: 600;
padding-bottom: 0;
}
.mce-window .wp-editor-help kbd {
font-family: monospace;
padding: 2px 7px 3px;
font-weight: bold;
font-weight: 600;
margin: 0;
background: #eaeaea;
background: rgba(0,0,0,0.08);
@@ -838,7 +838,7 @@ div.mce-menu .mce-menu-item-sep,
.mce-notification button.mce-close {
right: 6px;
top: 3px;
font-weight: normal;
font-weight: 400;
color: #555d66;
}
@@ -1242,7 +1242,7 @@ i.mce-i-wp_code:before {
}
.quicktags-toolbar input[value="b"] {
font-weight: bold;
font-weight: 600;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
@@ -1601,7 +1601,7 @@ i.mce-i-wp_code:before {
}
#wp-link li.selected .item-title {
font-weight: bold;
font-weight: 600;
}
#wp-link li:last-child {
+9 -9
View File
@@ -341,7 +341,7 @@
.media-sidebar h2,
.image-details h2 {
position: relative;
font-weight: bold;
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
color: #666;
@@ -404,7 +404,7 @@
min-height: 22px;
padding-top: 8px;
line-height: 16px;
font-weight: normal;
font-weight: 400;
color: #666;
}
@@ -566,7 +566,7 @@
.media-menu .active,
.media-menu .active:hover {
color: #23282d;
font-weight: bold;
font-weight: 600;
}
.media-menu .separator {
@@ -973,7 +973,7 @@
max-height: 100%;
word-wrap: break-word;
text-align: center;
font-weight: bold;
font-weight: 600;
background: rgba( 255, 255, 255, 0.8 );
-webkit-box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.15 );
@@ -1274,7 +1274,7 @@
}
.upload-errors .upload-error-filename {
font-weight: bold;
font-weight: 600;
}
.upload-errors .upload-error-message {
@@ -1374,7 +1374,7 @@
.uploader-inline .has-upload-message .upload-instructions {
font-size: 14px;
color: #444;
font-weight: normal;
font-weight: 400;
}
.uploader-inline .drop-instructions {
@@ -1438,7 +1438,7 @@
padding-top: 12px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
font-weight: 600;
}
.media-selection .button-link {
@@ -1616,7 +1616,7 @@
}
.attachment-info .filename {
font-weight: bold;
font-weight: 600;
color: #444;
word-wrap: break-word;
}
@@ -2173,7 +2173,7 @@
transform: translateY( -50% );
font-size: 3em;
line-height: 1.3;
font-weight: bold;
font-weight: 600;
color: #fff;
padding: 0;
margin: 0;
+2 -2
View File
@@ -104,7 +104,7 @@ body {
p.wp-embed-heading {
margin: 0 0 15px;
font-weight: bold;
font-weight: 600;
font-size: 22px;
line-height: 1.3;
}
@@ -136,7 +136,7 @@ p.wp-embed-heading {
}
.wp-embed-site-title {
font-weight: bold;
font-weight: 600;
line-height: 25px;
}