client/src/sass/_material-font.scss
author ymh <ymh.work@gmail.com>
Wed, 21 Jun 2017 04:37:30 +0200
changeset 69 2f42063b0869
child 135 b5aafa462956
permissions -rw-r--r--
Import material-fonts in project for offline usage
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
69
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
$material-icon-font-path: '~material-design-icons/iconfont/';
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
@font-face {
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
  font-family: 'Material Icons';
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
  font-style: normal;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
  font-weight: 400;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
  src: url('#{$material-icon-font-path}MaterialIcons-Regular.eot'); /* For IE6-8 */
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
  src: local('Material Icons'),
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
    local('MaterialIcons-Regular'),
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
    url('#{$material-icon-font-path}MaterialIcons-Regular.woff2') format('woff2'),
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
    url('#{$material-icon-font-path}MaterialIcons-Regular.woff') format('woff'),
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
    url('#{$material-icon-font-path}MaterialIcons-Regular.ttf') format('truetype');
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
};
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    14
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
.material-icons {
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    16
  font-family: 'Material Icons';
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    17
  font-weight: normal;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    18
  font-style: normal;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    19
  font-size: 24px;  /* Preferred icon size */
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
  display: inline-block;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
  line-height: 1;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    22
  text-transform: none;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
  letter-spacing: normal;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
  word-wrap: normal;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
  white-space: nowrap;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
  direction: ltr;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
  /* Support for all WebKit browsers. */
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
  -webkit-font-smoothing: antialiased;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    30
  /* Support for Safari and Chrome. */
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    31
  text-rendering: optimizeLegibility;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    32
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    33
  /* Support for Firefox. */
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    34
  -moz-osx-font-smoothing: grayscale;
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    35
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    36
  /* Support for IE. */
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
  font-feature-settings: 'liga';
2f42063b0869 Import material-fonts in project for offline usage
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
}