Replace Roboto-Medium font with Roboto and font weight.

The current Roboto-Medium font is now Roboto with 500 font weight. Example response: https://fonts.googleapis.com/css?family=Roboto:400,500 Change-Id: I3de61026cfe45e766be750cd699876c367bf03c1
2018-10-01 09:08:55 -07:00
parent f19ce513f3
commit bc44385c5d
34 changed files with 45 additions and 48 deletions
--- a/polygerrit-ui/app/elements/admin/gr-group-members/gr-group-members.html
+++ b/polygerrit-ui/app/elements/admin/gr-group-members/gr-group-members.html
@@ -57,7 +57,7 @@ limitations under the License.
      }
      th {
        border-bottom: 1px solid var(--border-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        text-align: left;
      }
      .canModify #groupMemberSearchInput,
--- a/polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.html
+++ b/polygerrit-ui/app/elements/change-list/gr-change-list-item/gr-change-list-item.html
@@ -43,7 +43,7 @@ limitations under the License.
        background-color: var(--hover-background-color);
      }
      :host([needs-review]) {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      :host([highlight]) {
        background-color: var(--assignee-highlight-color);
--- a/polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata.html
+++ b/polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata.html
@@ -57,7 +57,7 @@ limitations under the License.
      }
      .title {
        color: var(--deemphasized-text-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        max-width: 20em;
        padding-left: var(--metadata-horizontal-padding);
        padding-right: .5em;
--- a/polygerrit-ui/app/elements/change/gr-change-requirements/gr-change-requirements.html
+++ b/polygerrit-ui/app/elements/change/gr-change-requirements/gr-change-requirements.html
@@ -47,7 +47,7 @@ limitations under the License.
        color: inherit;
      }
      .name {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      section {
        display: table-row;
--- a/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
+++ b/polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
@@ -91,7 +91,7 @@ limitations under the License.
        font-size: 1.2rem;
      }
      .headerTitle .headerSubject {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      #replyBtn {
        margin-bottom: 1em;
--- a/polygerrit-ui/app/elements/change/gr-comment-list/gr-comment-list.html
+++ b/polygerrit-ui/app/elements/change/gr-comment-list/gr-comment-list.html
@@ -37,7 +37,7 @@ limitations under the License.
      }
      .file {
        border-top: 1px solid var(--border-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        margin: 10px 0 3px;
        padding: 10px 0 5px;
      }
--- a/polygerrit-ui/app/elements/change/gr-download-dialog/gr-download-dialog.html
+++ b/polygerrit-ui/app/elements/change/gr-download-dialog/gr-download-dialog.html
@@ -68,7 +68,7 @@ limitations under the License.
      }
      .title {
        flex: 1;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .hidden {
        display: none;
--- a/polygerrit-ui/app/elements/change/gr-file-list-header/gr-file-list-header.html
+++ b/polygerrit-ui/app/elements/change/gr-file-list-header/gr-file-list-header.html
@@ -136,7 +136,7 @@ limitations under the License.
        display: flex;
      }
      .label {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        margin-right: 24px;
      }
      gr-commit-info,
--- a/polygerrit-ui/app/elements/change/gr-file-list/gr-file-list.html
+++ b/polygerrit-ui/app/elements/change/gr-file-list/gr-file-list.html
@@ -158,7 +158,7 @@ limitations under the License.
      }
      .drafts {
        color: #C62828;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .show-hide {
        margin-left: .35em;
--- a/polygerrit-ui/app/elements/change/gr-message/gr-message.html
+++ b/polygerrit-ui/app/elements/change/gr-message/gr-message.html
@@ -80,7 +80,7 @@ limitations under the License.
        width: 2.5em;
      }
      .name {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .message {
        --gr-formatted-text-prose-max-width: 80ch;
@@ -163,7 +163,7 @@ limitations under the License.
      }
      gr-account-label {
        --gr-account-label-text-style: {
-          font-family: var(--font-family-bold);
+          font-weight: var(--font-weight-bold);
        };
      }
    </style>
--- a/polygerrit-ui/app/elements/change/gr-related-changes-list/gr-related-changes-list.html
+++ b/polygerrit-ui/app/elements/change/gr-related-changes-list/gr-related-changes-list.html
@@ -70,7 +70,7 @@ limitations under the License.
      }
      .status {
        color: var(--deemphasized-text-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        margin-left: .25em;
      }
      .notCurrent {
--- a/polygerrit-ui/app/elements/change/gr-reply-dialog/gr-reply-dialog.html
+++ b/polygerrit-ui/app/elements/change/gr-reply-dialog/gr-reply-dialog.html
@@ -104,7 +104,7 @@ limitations under the License.
        margin-top: 1em;
      }
      .groupName {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .groupSize {
        font-style: italic;
--- a/polygerrit-ui/app/elements/core/gr-keyboard-shortcuts-dialog/gr-keyboard-shortcuts-dialog.html
+++ b/polygerrit-ui/app/elements/core/gr-keyboard-shortcuts-dialog/gr-keyboard-shortcuts-dialog.html
@@ -51,7 +51,7 @@ limitations under the License.
        text-align: right;
      }
      .header {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        padding-top: 1em;
      }
      .key {
@@ -59,7 +59,7 @@ limitations under the License.
        border: 1px solid var(--border-color);
        border-radius: 3px;
        display: inline-block;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        padding: .1em .5em;
        text-align: center;
      }
--- a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.html
+++ b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.html
@@ -73,7 +73,7 @@ limitations under the License.
      .linksTitle {
        color: var(--header-text-color);
        display: inline-block;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        position: relative;
        text-transform: uppercase;
      }
@@ -151,7 +151,7 @@ limitations under the License.
      @media screen and (max-width: 50em) {
        .bigTitle {
          font-size: var(--font-size-large);
-          font-family: var(--font-family-bold);
+          font-weight: var(--font-weight-bold);
        }
        gr-smart-search,
        .browse,
--- a/polygerrit-ui/app/elements/diff/gr-diff-comment/gr-diff-comment.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff-comment/gr-diff-comment.html
@@ -77,7 +77,7 @@ limitations under the License.
      .authorName,
      .draftLabel,
      .draftTooltip {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .draftLabel,
      .draftTooltip {
--- a/polygerrit-ui/app/elements/diff/gr-diff-preferences/gr-diff-preferences.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff-preferences/gr-diff-preferences.html
@@ -51,7 +51,7 @@ limitations under the License.
      }
      .header {
        border-bottom: 1px solid var(--border-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .mainContainer {
        padding: 1em 0;
--- a/polygerrit-ui/app/elements/diff/gr-diff-view/gr-diff-view.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff-view/gr-diff-view.html
@@ -184,7 +184,7 @@ limitations under the License.
        .mobileNavLink {
          color: var(--primary-text-color);
          font-size: 1.5rem;
-          font-family: var(--font-family-bold);
+          font-weight: var(--font-weight-bold);
          text-decoration: none;
        }
        .mobileNavLink:not([href]) {
--- a/polygerrit-ui/app/elements/settings/gr-cla-view/gr-cla-view.html
+++ b/polygerrit-ui/app/elements/settings/gr-cla-view/gr-cla-view.html
@@ -40,7 +40,7 @@ limitations under the License.
        padding: 0.3em;
      }
      #claNewAgreementsLabel {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      #claNewAgreement {
        display: none;
@@ -49,7 +49,7 @@ limitations under the License.
        display: block;
      }
      .contributorAgreementButton {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .alreadySubmittedText {
        color: var(--error-text-color);
--- a/polygerrit-ui/app/elements/settings/gr-registration-dialog/gr-registration-dialog.html
+++ b/polygerrit-ui/app/elements/settings/gr-registration-dialog/gr-registration-dialog.html
@@ -48,7 +48,7 @@ limitations under the License.
      }
      header {
        border-bottom: 1px solid var(--border-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        margin-bottom: 1em;
      }
      .container {
--- a/polygerrit-ui/app/elements/shared/gr-alert/gr-alert.html
+++ b/polygerrit-ui/app/elements/shared/gr-alert/gr-alert.html
@@ -54,7 +54,7 @@ limitations under the License.
      }
      .action {
        color: var(--link-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        margin-left: 1em;
        text-decoration: none;
        --gr-button: {
--- a/polygerrit-ui/app/elements/shared/gr-button/gr-button.html
+++ b/polygerrit-ui/app/elements/shared/gr-button/gr-button.html
@@ -39,9 +39,6 @@ limitations under the License.
        text-transform: none;
      }
      paper-button {
-        /* paper-button sets this to anti-aliased, which appears different than
-        roboto-medium elsewhere. */
-        -webkit-font-smoothing: initial;
        align-items: center;
        background-color: var(--background-color);
        color: var(--text-color);
--- a/polygerrit-ui/app/elements/shared/gr-dialog/gr-dialog.html
+++ b/polygerrit-ui/app/elements/shared/gr-dialog/gr-dialog.html
@@ -35,7 +35,7 @@ limitations under the License.
      header {
        border-bottom: 1px solid var(--border-color);
        flex-shrink: 0;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      main {
        display: flex;
--- a/polygerrit-ui/app/elements/shared/gr-download-commands/gr-download-commands.html
+++ b/polygerrit-ui/app/elements/shared/gr-download-commands/gr-download-commands.html
@@ -42,7 +42,7 @@ limitations under the License.
        display: block;
      }
      label {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .schemes {
        display: flex;
--- a/polygerrit-ui/app/elements/shared/gr-dropdown/gr-dropdown.html
+++ b/polygerrit-ui/app/elements/shared/gr-dropdown/gr-dropdown.html
@@ -94,7 +94,7 @@ limitations under the License.
        @apply --gr-dropdown-item;
      }
      .bold-text {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
    </style>
    <gr-button
--- a/polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html
+++ b/polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html
@@ -41,7 +41,7 @@ limitations under the License.
      label {
        color: var(--deemphasized-text-color);
        display: inline-block;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
--- a/polygerrit-ui/app/elements/shared/gr-labeled-autocomplete/gr-labeled-autocomplete.html
+++ b/polygerrit-ui/app/elements/shared/gr-labeled-autocomplete/gr-labeled-autocomplete.html
@@ -32,7 +32,7 @@ limitations under the License.
      }
      #header {
        color: var(--deemphasized-text-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-small);
      }
      #body {
--- a/polygerrit-ui/app/styles/dashboard-header-styles.html
+++ b/polygerrit-ui/app/styles/dashboard-header-styles.html
@@ -39,7 +39,7 @@ limitations under the License.
      }
      .info > div > span {
        display: inline-block;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        text-align: right;
        width: 4em;
      }
--- a/polygerrit-ui/app/styles/fonts.css
+++ b/polygerrit-ui/app/styles/fonts.css
@@ -42,9 +42,9 @@

 /* latin-ext */
@font-face {
-  font-family: 'Roboto Medium';
+  font-family: 'Roboto';
  font-style: normal;
-  font-weight: 400;
+  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/Roboto-Medium.woff2') format('woff2'),
       url('../fonts/Roboto-Medium.woff') format('woff');
@@ -52,11 +52,11 @@
 }
 /* latin */
@font-face {
-  font-family: 'Roboto Medium';
+  font-family: 'Roboto';
  font-style: normal;
-  font-weight: 400;
+  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/Roboto-Medium.woff2') format('woff2'),
       url('../fonts/Roboto-Medium.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
-}
+}
--- a/polygerrit-ui/app/styles/gr-change-list-styles.html
+++ b/polygerrit-ui/app/styles/gr-change-list-styles.html
@@ -64,7 +64,7 @@ limitations under the License.
      }
      .topHeader,
      .groupHeader {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .topHeader th {
        background-color: var(--table-header-background-color);
--- a/polygerrit-ui/app/styles/gr-form-styles.html
+++ b/polygerrit-ui/app/styles/gr-form-styles.html
@@ -46,7 +46,7 @@ limitations under the License.
      }
      .gr-form-styles .title {
        color: var(--deemphasized-text-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        padding-right: .5em;
        width: 15em;
      }
--- a/polygerrit-ui/app/styles/gr-page-nav-styles.html
+++ b/polygerrit-ui/app/styles/gr-page-nav-styles.html
@@ -45,14 +45,14 @@ limitations under the License.
        margin-top: 1em;
      }
      .navStyles .title {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        margin: .4em 0;
      }
      .navStyles .selected {
        background-color: var(--view-background-color);
        border-bottom: 1px solid var(--border-color);
        border-top: 1px solid var(--border-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      .navStyles a {
        color: var(--primary-text-color);
--- a/polygerrit-ui/app/styles/gr-table-styles.html
+++ b/polygerrit-ui/app/styles/gr-table-styles.html
@@ -68,7 +68,7 @@ limitations under the License.
      .genericList .topHeader,
      .genericList .groupHeader {
        color: var(--primary-text-color);
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
        text-align: left;
        vertical-align: middle
      }
--- a/polygerrit-ui/app/styles/shared-styles.html
+++ b/polygerrit-ui/app/styles/shared-styles.html
@@ -72,15 +72,15 @@ limitations under the License.
      /* Other Shared Styles*/
      h1 {
        font-size: 2rem;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      h2 {
        font-size: 1.5rem;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      h3 {
        font-size: 1.17em;
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      iron-icon {
        color: var(--deemphasized-text-color);
@@ -104,7 +104,7 @@ limitations under the License.
        --paper-toggle-button-checked-button-color: var(--link-color);
      }
      strong {
-        font-family: var(--font-family-bold);
+        font-weight: var(--font-weight-bold);
      }
      :host {
        color: var(--primary-text-color);
--- a/polygerrit-ui/app/styles/themes/app-theme.html
+++ b/polygerrit-ui/app/styles/themes/app-theme.html
@@ -34,7 +34,7 @@ limitations under the License.
  --default-horizontal-margin: 1rem;
  --deemphasized-text-color: #757575;
  --font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --font-family-bold: 'Roboto Medium', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  --font-weight-bold: 500;
  --monospace-font-family: 'Roboto Mono', Menlo, 'Lucida Console', Monaco, monospace;
  --iron-overlay-backdrop: {
    transition: none;