font.html

<link rel="import" href="../tangere/tangere.html">

<custom-style>
  <style is="custom-style">
    :root {
      --at-app-title: {
          @apply(--paper-font-headline);
          @apply(--paper-font-common-nowrap);        
          font-size: 24px;
          font-weight: 300;
          line-height:28px;  
          padding-bottom: 4px;
      };
      
      --font-display4: {
        @apply --paper-font-display4;
       
      };

      --font-display3: {
        @apply --paper-font-display3;    
       
      };

      --font-display2: {
        @apply --paper-font-display2;

      };

      --font-display1: {
        @apply --paper-font-display1;

      };

      --font-headline: {
        @apply --paper-font-headline;
        
      };

      --font-title: {
        @apply --paper-font-title;        

      };

      --font-subhead: {
        @apply --paper-font-subhead;

      };

      --font-body2: {
        @apply --paper-font-body2;
      };

      --font-body1: {
        @apply paper-font-body1;

      };

      --font-caption: {
        @apply --paper-font-caption;
        
      };

      --font-menu: {
        @apply --paper-font-menu;      

      };

      --font-button: {
        @apply --paper-font-button;        

      };

      --font-code2: {
        @apply --paper-font-code2;
        
      };

      --paper-font-code1: {
        @apply --font-code1;
       
      };
    }
  </style>
</custom-style>