diff options
| author | Sam Potts <me@sampotts.me> | 2017-11-20 21:23:49 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2017-11-20 21:23:49 +1100 |
| commit | da1e987444bce4925020770f906ef915644ebd83 (patch) | |
| tree | a6ed67ae12e57dacd501299b52679c05a6faa3ae /demo/src/less/lib | |
| parent | 2d4a166218913308f069c43bcb184070bd449c9c (diff) | |
| download | plyr-da1e987444bce4925020770f906ef915644ebd83.tar.lz plyr-da1e987444bce4925020770f906ef915644ebd83.tar.xz plyr-da1e987444bce4925020770f906ef915644ebd83.zip | |
WIP on docs example
Diffstat (limited to 'demo/src/less/lib')
| -rw-r--r-- | demo/src/less/lib/fontface.less | 40 |
1 files changed, 29 insertions, 11 deletions
diff --git a/demo/src/less/lib/fontface.less b/demo/src/less/lib/fontface.less index 2ae6e8f4..0056e36d 100644 --- a/demo/src/less/lib/fontface.less +++ b/demo/src/less/lib/fontface.less @@ -3,28 +3,46 @@ // ========================================================================== @font-face { - font-family: 'Avenir'; - src: local('Avenir-Medium'), url('https://cdn.plyr.io/static/fonts/avenir-medium.woff2') format('woff2'), - url('https://cdn.plyr.io/static/fonts/avenir-medium.woff') format('woff'); + font-family: 'Gordita'; + src: url('https://cdn.plyr.io/static/fonts/gordita-light.woff2') format('woff2'), + url('https://cdn.plyr.io/static/fonts/gordita-light.woff') format('woff2'); + font-weight: @font-weight-light; font-style: normal; - font-weight: @font-weight-base; font-display: swap; } @font-face { - font-family: 'Avenir'; - src: local('Avenir-Heavy'), url('https://cdn.plyr.io/static/fonts/avenir-bold.woff2') format('woff2'), - url('https://cdn.plyr.io/static/fonts/avenir-bold.woff') format('woff'); + font-family: 'Gordita'; + src: url('https://cdn.plyr.io/static/fonts/gordita-regular.woff2') format('woff2'), + url('https://cdn.plyr.io/static/fonts/gordita-regular.woff') format('woff2'); + font-weight: @font-weight-regular; font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gordita'; + src: url('https://cdn.plyr.io/static/fonts/gordita-medium.woff2') format('woff2'), + url('https://cdn.plyr.io/static/fonts/gordita-medium.woff') format('woff2'); + font-weight: @font-weight-medium; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Gordita'; + src: url('https://cdn.plyr.io/static/fonts/gordita-bold.woff2') format('woff2'), + url('https://cdn.plyr.io/static/fonts/gordita-bold.woff') format('woff2'); font-weight: @font-weight-bold; + font-style: normal; font-display: swap; } @font-face { - font-family: 'Avenir'; - src: local('Avenir-Black'), url('https://cdn.plyr.io/static/fonts/avenir-black.woff2?v=3') format('woff2'), - url('https://cdn.plyr.io/static/fonts/avenir-black.woff?v=3') format('woff'); + font-family: 'Gordita'; + src: url('https://cdn.plyr.io/static/fonts/gordita-black.woff2') format('woff2'), + url('https://cdn.plyr.io/static/fonts/gordita-black.woff') format('woff2'); + font-weight: @font-weight-black; font-style: normal; - font-weight: @font-weight-heavy; font-display: swap; } |