search

PolymerThemes / polymer-themes

http://polymerthemes.com/
BSD 3-Clause "New" or "Revised" License
31 stars 4 forks source link

Denim theme Oxygen font incorrect #6

Closed dman777 closed 8 years ago

dman777 commented 9 years ago
Good...original polymertheme site:

pic1

Bad---my downloaded theme:

pic2

Look at the e in Denim...the e is different, among other differences.

All css style code is the same...except for The only difference I see Rendered Fonts: Liberation Sans—5 glyphs on mine and on polymerthemes I see OTS derived font—5 glyphs for the same.

Here is my downloaded theme:

<style is="custom-style">
/*
 * PolymerThemes v1.0.3
 * Homepage: https://polymerthemes.com
 * Copyright 2015 Polymer Themes
 * Licensed under BSD
 * Based on Polymer: http://www.polymer-project.org/
 * Compatible with Polymer 1.0
 */

@import url("//fonts.googleapis.com/css?family=Oxygen|Source+Sans+Pro");
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

html, body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  color: #bdced7;
  background-color: #373b50;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}

section {
  padding: 40px 0px;
  text-align: center;
}
section[hero] {
  background-color: #3d415a;
}
section:after {
  content: if true, 'one', 'two';
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin: 0px;
  padding: 0px;
  line-height: 1em;
}

h1, h3, h5 {
  font-family: 'Oxygen', sans-serif;
}

h1 {
  font-size: 50px;
  margin: 30px 0px;
}

h2 {
  color: #edf1f4;
  font-size: 35px;
  margin: 20px 0px;
}

h3 {
  font-size: 25px;
  margin: 15px 0px;
}

h4 {
  font-size: 20px;
}

a, a:active, a:visited, a:focus {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

:root {
  --default-primary-color: #90a4ae;
  --dark-primary-color: #484e6e;
  --light-primary-color: #c5cae9;
  --text-primary-color: #ffffff;
  --accent-color: #ff4081;
  --primary-background-color: #ffffff;
  --primary-text-color: #bdced7;
  --secondary-text-color: #edf1f4;
  --disabled-text-color: black;
  --divider-color: #e0e0e0;
  --paper-checkbox-checked-color: #54d3e3;
  --paper-checkbox-checked-ink-color: #90a4ae;
  --paper-checkbox-unchecked-color: #edf1f4;
  --paper-checkbox-unchecked-ink-color: #edf1f4;
  --paper-checkbox-label-color: #bdced7;
  --paper-fab-background: #90a4ae;
  --paper-fab-disabled-background: #545a79;
  --paper-fab-disabled-text: black;
  --paper-icon-button-disabled-text: #545a79;
  --paper-input-container-color: #bdced7;
  --paper-input-container-focus-color: #90a4ae;
  --paper-input-container-invalid-color: #ff6e40;
  --paper-input-container-input-color: #bdced7;
  --paper-menu-background-color: #3d415a;
  --paper-menu-color: #bdced7;
  --paper-menu-disabled-color: #545a79;
  --paper-progress-active-color: #80deea;
  --paper-progress-secondary-color: #90a4ae;
  --paper-radio-button-checked-color: #80deea;
  --paper-radio-button-checked-ink-color: white;
  --paper-radio-button-unchecked-color: #bdced7;
  --paper-radio-button-unchecked-ink-color: #bdced7;
  --paper-radio-button-label-color: #bdced7;
  --paper-slider-knob-color: #80deea;
  --paper-slider-active-color: #80deea;
  --paper-slider-pin-color: #80deea;
  --paper-spinner-layer-1-color: #80deea;
  --paper-spinner-layer-2-color: #80deea;
  --paper-spinner-layer-3-color: #80deea;
  --paper-spinner-layer-4-color: #80deea;
  --paper-tabs-selection-bar-color: #80deea;
  --paper-tab-ink: #80deea;
  --paper-toggle-button-checked-bar-color: #80deea;
  --paper-toggle-button-checked-button-color: #80deea;
  --paper-toggle-button-checked-ink-color: #80deea;
  --paper-toggle-button-unchecked-bar-color: #edf1f4;
  --paper-toggle-button-unchecked-button-color: white;
  --paper-toggle-button-unchecked-ink-color: white;
  --paper-toolbar-background: #484e6e;
  --paper-toolbar-color: #bdced7;
}

paper-toolbar a, paper-toolbar a:hover, paper-toolbar a:active,
paper-toolbar a:visited, paper-toolbar a:focus {
  color: #bdced7;
}

paper-button.primary, paper-button.btn-primary, paper-button[primary] {
  color: #80deea;
}
paper-button.primary[raised], paper-button.btn-primary[raised],
paper-button[primary][raised] {
  background-color: #80deea;
  color: #264346;
}
paper-button.secondary, paper-button.btn-secondary, paper-button[secondary] {
  color: #90a4ae;
}
paper-button.secondary[raised], paper-button.btn-secondary[raised],
paper-button[secondary][raised] {
  background-color: #90a4ae;
  color: #2b3134;
}
paper-button.success, paper-button.btn-success, paper-button[success] {
  color: #9dc56e;
}
paper-button.success[raised], paper-button.btn-success[raised],
paper-button[success][raised] {
  background-color: #9dc56e;
  color: #2f3b21;
}
paper-button.info, paper-button.btn-info, paper-button[info] {
  color: #fadd60;
}
paper-button.info[raised], paper-button.btn-info[raised],
paper-button[info][raised] {
  background-color: #fadd60;
  color: #4b421d;
}
paper-button.warning, paper-button.btn-warning, paper-button[warning] {
  color: #ffb74d;
}
paper-button.warning[raised], paper-button.btn-warning[raised],
paper-button[warning][raised] {
  background-color: #ffb74d;
  color: #4d3717;
}
paper-button.error, paper-button.btn-error, paper-button[error] {
  color: #ff6e40;
}
paper-button.error[raised], paper-button.btn-error[raised],
paper-button[error][raised] {
  background-color: #ff6e40;
  color: #4d2113;
}
paper-button.link, paper-button.btn-link, paper-button[link] {
  text-decoration: underline;
}
paper-button[raised] {
  color: #bdced7;
}
paper-button[disabled] {
  color: black !important;
  background: #545a79 !important;
}

paper-icon-button.primary, paper-icon-button.btn-primary,
paper-icon-button[primary] {
  color: #80deea;
}
paper-icon-button.primary:hover, paper-icon-button.btn-primary:hover,
paper-icon-button[primary]:hover {
  background-color: #3e4b5f;
  background-color: rgba(128, 222, 234, 0.2);
  border-radius: 50%;
}
paper-icon-button.secondary, paper-icon-button.btn-secondary,
paper-icon-button[secondary] {
  color: #90a4ae;
}
paper-icon-button.secondary:hover, paper-icon-button.btn-secondary:hover,
paper-icon-button[secondary]:hover {
  background-color: #404659;
  background-color: rgba(144, 164, 174, 0.2);
  border-radius: 50%;
}
paper-icon-button.success, paper-icon-button.btn-success,
paper-icon-button[success] {
  color: #9dc56e;
}
paper-icon-button.success:hover, paper-icon-button.btn-success:hover,
paper-icon-button[success]:hover {
  background-color: #414953;
  background-color: rgba(157, 197, 110, 0.2);
  border-radius: 50%;
}
paper-icon-button.info, paper-icon-button.btn-info, paper-icon-button[info] {
  color: #fadd60;
}
paper-icon-button.info:hover, paper-icon-button.btn-info:hover,
paper-icon-button[info]:hover {
  background-color: #4a4b52;
  background-color: rgba(250, 221, 96, 0.2);
  border-radius: 50%;
}
paper-icon-button.warning, paper-icon-button.btn-warning,
paper-icon-button[warning] {
  color: #ffb74d;
}
paper-icon-button.warning:hover, paper-icon-button.btn-warning:hover,
paper-icon-button[warning]:hover {
  background-color: #4b4750;
  background-color: rgba(255, 183, 77, 0.2);
  border-radius: 50%;
}
paper-icon-button.error, paper-icon-button.btn-error, paper-icon-button[error] {
  color: #ff6e40;
}
paper-icon-button.error:hover, paper-icon-button.btn-error:hover,
paper-icon-button[error]:hover {
  background-color: #4b404e;
  background-color: rgba(255, 110, 64, 0.2);
  border-radius: 50%;
}

paper-checkbox #checkmark.paper-checkbox, paper-checkbox /deep/,
paper-checkbox::shadow #checkmark.paper-checkbox {
  border-color: #fff !important;
}

paper-dialog {
  color: #bdced7;
  background-color: #373b50;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}
paper-dialog h1, paper-dialog h2, paper-dialog h3, paper-dialog h4,
paper-dialog h5, paper-dialog h6 {
  overflow: visible;
  padding: 0 1em;
  text-align: center;
}

paper-fab {
  --text-primary-color: #ffffff;
}

paper-fab {
  background-color: #80deea;
  color: #264346;
  --paper-fab-keyboard-focus-background: #21b6c9;
}
paper-fab.primary, paper-fab.btn-primary, paper-fab[primary] {
  background-color: #80deea;
  color: #264346;
  --paper-fab-keyboard-focus-background: #21b6c9;
}
paper-fab.secondary, paper-fab.btn-secondary, paper-fab[secondary] {
  background-color: #90a4ae;
  color: #2b3134;
  --paper-fab-keyboard-focus-background: #50646e;
}
paper-fab.success, paper-fab.btn-success, paper-fab[success] {
  background-color: #9dc56e;
  color: #2f3b21;
  --paper-fab-keyboard-focus-background: #5d8033;
}
paper-fab.info, paper-fab.btn-info, paper-fab[info] {
  background-color: #fadd60;
  color: #4b421d;
  --paper-fab-keyboard-focus-background: #d4ad07;
}
paper-fab.warning, paper-fab.btn-warning, paper-fab[warning] {
  background-color: #ffb74d;
  color: #4d3717;
  --paper-fab-keyboard-focus-background: #cd7a00;
}
paper-fab.error, paper-fab.btn-error, paper-fab[error] {
  background-color: #ff6e40;
  color: #4d2113;
  --paper-fab-keyboard-focus-background: #c02e00;
}
paper-fab[disabled] {
  color: black !important;
  background: #545a79 !important;
}

section.hero paper-menu, section[hero] paper-menu {
  --paper-menu-background-color: #3d415a;
}

paper-tabs {
  background-color: #484e6e;
  color: #bdced7;
}

</style>
PolymerThemes commented 8 years ago

Hi dman777, is this still an issue for you? The latest release should have solved this problem. Please let us know if this is not the case. Thanks!