self-host fonts
This commit is contained in:
parent
a6844c2f58
commit
f0128e98d8
11
layouts/partials/footer/components/custom-font.html
Normal file
11
layouts/partials/footer/components/custom-font.html
Normal file
|
@ -0,0 +1,11 @@
|
|||
<script>
|
||||
(function () {
|
||||
const customFont = document.createElement('link');
|
||||
customFont.href = "/fonts/lato-font-3.0.0/css/lato-font.min.css";
|
||||
|
||||
customFont.type = "text/css";
|
||||
customFont.rel = "stylesheet";
|
||||
|
||||
document.head.appendChild(customFont);
|
||||
}());
|
||||
</script>
|
3
static/fonts/lato-font-3.0.0/.gitignore
vendored
Normal file
3
static/fonts/lato-font-3.0.0/.gitignore
vendored
Normal file
|
@ -0,0 +1,3 @@
|
|||
.idea
|
||||
node_modules
|
||||
.sass-cache
|
3
static/fonts/lato-font-3.0.0/Gemfile
Normal file
3
static/fonts/lato-font-3.0.0/Gemfile
Normal file
|
@ -0,0 +1,3 @@
|
|||
source "https://rubygems.org"
|
||||
|
||||
gem "compass"
|
31
static/fonts/lato-font-3.0.0/Gemfile.lock
Normal file
31
static/fonts/lato-font-3.0.0/Gemfile.lock
Normal file
|
@ -0,0 +1,31 @@
|
|||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
chunky_png (1.3.8)
|
||||
compass (1.0.3)
|
||||
chunky_png (~> 1.2)
|
||||
compass-core (~> 1.0.2)
|
||||
compass-import-once (~> 1.0.5)
|
||||
rb-fsevent (>= 0.9.3)
|
||||
rb-inotify (>= 0.9)
|
||||
sass (>= 3.3.13, < 3.5)
|
||||
compass-core (1.0.3)
|
||||
multi_json (~> 1.0)
|
||||
sass (>= 3.3.0, < 3.5)
|
||||
compass-import-once (1.0.5)
|
||||
sass (>= 3.2, < 3.5)
|
||||
ffi (1.9.18)
|
||||
multi_json (1.12.1)
|
||||
rb-fsevent (0.9.8)
|
||||
rb-inotify (0.9.8)
|
||||
ffi (>= 0.5.0)
|
||||
sass (3.4.23)
|
||||
|
||||
PLATFORMS
|
||||
ruby
|
||||
|
||||
DEPENDENCIES
|
||||
compass
|
||||
|
||||
BUNDLED WITH
|
||||
1.14.5
|
243
static/fonts/lato-font-3.0.0/README.md
Normal file
243
static/fonts/lato-font-3.0.0/README.md
Normal file
|
@ -0,0 +1,243 @@
|
|||
# Lato Font
|
||||
|
||||
[![Bower version](https://badge.fury.io/bo/lato-font.svg)](http://badge.fury.io/bo/lato-font)
|
||||
[![npm version](https://badge.fury.io/js/lato-font.svg)](http://badge.fury.io/js/lato-font)
|
||||
|
||||
This is the latest official `2.015` web-version of the OpenSource [Lato font][lato]
|
||||
suitable to be used with [npm][npm] or [Bower][bower].
|
||||
|
||||
> Support for legacy EOT and TTF font types are dropped in version `3.0.0`.
|
||||
> If you need this for [old devices](http://caniuse.com/#feat=woff), please use the version `2.0.0`.
|
||||
|
||||
|
||||
## Features
|
||||
|
||||
- latest official web-optimized version of the *Lato* font
|
||||
- supports all unicode ranges (i.e. languages), variants and styles provided by *Lato* font
|
||||
- provides both *CSS* and *SCSS* (*SASS/Compass*) integration options
|
||||
- installs with *Bower* and *npm*
|
||||
- individual fonts can be added to a project using [*SCSS* integration][scss-api]
|
||||
- all fonts can be added to a project just by including provided CSS-file
|
||||
- library is extremely customizable and provides very convenient [*SCSS* API][scss-api]
|
||||
|
||||
|
||||
## Installation
|
||||
|
||||
### Install library with *npm*
|
||||
|
||||
`npm i -D lato-font`
|
||||
|
||||
### Install library with *Bower*
|
||||
|
||||
`bower install --save-dev lato-font`
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
Either [link library directly via *CSS*][css-integration] or use provided [SCSS API][scss-api] in your build process.
|
||||
|
||||
By using [*SCSS* API][scss-api] you can easily add individual fonts to your project!
|
||||
|
||||
|
||||
### Hint
|
||||
|
||||
*Medium* versions of *Lato* font (both regular and italic) are available under the `Lato Medium` name instead of just `Lato`.
|
||||
This is required because *Medium* and *Normal* variants are using the same weight of `400`.
|
||||
*CSS* only supports values divisible by `100` for the `font-weight` property.
|
||||
|
||||
|
||||
### CSS integration
|
||||
|
||||
Just link provided CSS file to your page:
|
||||
|
||||
`<link rel="stylesheet" href="/bower_components/lato-font/css/lato-font.css">`
|
||||
|
||||
Then use provided font-faces it in your CSS:
|
||||
|
||||
```css
|
||||
h1 {
|
||||
font-family: Lato;
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
p.quote {
|
||||
font-family: "Lato Medium";
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
### SCSS API
|
||||
|
||||
The best way to use this font library is by integration with *SCSS* (*SASS/Compass*).
|
||||
|
||||
Consider this example:
|
||||
|
||||
```scss
|
||||
|
||||
@import 'public-api';
|
||||
|
||||
$lato-font-path: '/bower_component/lato-font/fonts';
|
||||
|
||||
@include lato-include-font('black');
|
||||
@include lato-include-font('medium');
|
||||
|
||||
h1 {
|
||||
@include lato-font('black');
|
||||
}
|
||||
|
||||
p.quote {
|
||||
@include lato-font('medium', italic);
|
||||
}
|
||||
|
||||
```
|
||||
|
||||
You can see the list of available mixins in `/scss/public/_mixins.scss`.
|
||||
|
||||
List of available variants is in `/scss/internal/_variables.scss`.
|
||||
|
||||
You can override font path directory using `$lato-font-path` variable.
|
||||
|
||||
|
||||
## Feedback
|
||||
|
||||
If you have found a bug or have another issue with the library - please [create an issue][new-issue] in this GitHub repository.
|
||||
|
||||
If you have a question - file it with [StackOverflow][so-ask] and send me a
|
||||
link to [s.fomin@betsol.ru][email]. I will be glad to help.
|
||||
Also, please create a [plunk][plunker] to demonstrate the issue, if appropriate.
|
||||
|
||||
Have any ideas or propositions? Feel free to contact me by [E-Mail address][email].
|
||||
|
||||
Cheers!
|
||||
|
||||
---
|
||||
|
||||
|
||||
## Licenses
|
||||
|
||||
### Library
|
||||
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2014 Slava Fomin II
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
||||
|
||||
### Font
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||
development of collaborative font projects, to support the font creation
|
||||
efforts of academic and linguistic communities, and to provide a free and
|
||||
open framework in which fonts may be shared and improved in partnership
|
||||
with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely as long as they are not sold by themselves. The
|
||||
fonts, including any derivative works, can be bundled, embedded,
|
||||
redistributed and/or sold with any software provided that any reserved
|
||||
names are not used by derivative works. The fonts and derivatives,
|
||||
however, cannot be released under any other type of license. The
|
||||
requirement for fonts to remain under this license does not apply
|
||||
to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this license and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the
|
||||
copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as
|
||||
distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to a
|
||||
new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical
|
||||
writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining
|
||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||
redistribute, and sell modified and unmodified copies of the Font
|
||||
Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components,
|
||||
in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled,
|
||||
redistributed and/or sold with any software, provided that each copy
|
||||
contains the above copyright notice and this license. These can be
|
||||
included either as stand-alone text files, human-readable headers or
|
||||
in the appropriate machine-readable metadata fields within text or
|
||||
binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font
|
||||
Name(s) unless explicit written permission is granted by the corresponding
|
||||
Copyright Holder. This restriction only applies to the primary font name as
|
||||
presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||
Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except to acknowledge the contribution(s) of the
|
||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||
permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole,
|
||||
must be distributed entirely under this license, and must not be
|
||||
distributed under any other license. The requirement for fonts to
|
||||
remain under this license does not apply to any document created
|
||||
using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
|
||||
[so-ask]: http://stackoverflow.com/questions/ask
|
||||
[email]: mailto:s.fomin@betsol.ru
|
||||
[plunker]: http://plnkr.co/
|
||||
[new-issue]: https://github.com/betsol/lato-font/issues/new
|
||||
|
||||
[lato]: http://www.latofonts.com/
|
||||
[bower]: http://bower.io/
|
||||
[npm]: https://www.npmjs.com/
|
||||
[scss-api]: #scss-api
|
||||
[css-integration]: #css-integration
|
47
static/fonts/lato-font-3.0.0/bin/rename.js
Normal file
47
static/fonts/lato-font-3.0.0/bin/rename.js
Normal file
|
@ -0,0 +1,47 @@
|
|||
|
||||
var path = require('path');
|
||||
var fs = require('fs');
|
||||
var file = require('file');
|
||||
var _ = require('underscore');
|
||||
var changeCase = require('change-case');
|
||||
|
||||
var filterExtensions = ['.eot', '.ttf', '.woff'];
|
||||
var map = {
|
||||
'lato-regular' : 'lato-normal',
|
||||
'lato-italic' : 'lato-normal-italic'
|
||||
};
|
||||
|
||||
var fontsPath = path.resolve(__dirname + '/../fonts');
|
||||
|
||||
file.walk(fontsPath, function() {
|
||||
var files = arguments[3];
|
||||
_.each(files, function(filePath) {
|
||||
var extension = path.extname(filePath);
|
||||
if (-1 !== filterExtensions.indexOf(extension)) {
|
||||
renameFile(filePath);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function renameFile(filePath) {
|
||||
|
||||
var dirName = path.dirname(filePath);
|
||||
var filename = path.basename(filePath);
|
||||
var baseFileName = filename.replace(/\.[^/.]+$/, '');
|
||||
var extension = path.extname(filePath);
|
||||
|
||||
var newBaseFileName = changeCase.paramCase(baseFileName);
|
||||
|
||||
// Handling exceptional cases.
|
||||
if (map[newBaseFileName]) {
|
||||
newBaseFileName = map[newBaseFileName];
|
||||
}
|
||||
|
||||
var newFileName = newBaseFileName + extension;
|
||||
var newFilePath = dirName + '/' + newFileName;
|
||||
|
||||
console.log('Renaming: ' + filename + ' to: ' + newFileName);
|
||||
|
||||
// Re-naming the file.
|
||||
fs.rename(filePath, newFilePath);
|
||||
}
|
10
static/fonts/lato-font-3.0.0/bower.json
Normal file
10
static/fonts/lato-font-3.0.0/bower.json
Normal file
|
@ -0,0 +1,10 @@
|
|||
{
|
||||
"name": "lato-font",
|
||||
"version": "3.0.0",
|
||||
"homepage": "https://github.com/betsol/lato-font",
|
||||
"authors": [
|
||||
"Slava Fomin II <s.fomin@betsol.ru>"
|
||||
],
|
||||
"description": "Bower repository for Lato font",
|
||||
"license": "MIT, SIL 1.1"
|
||||
}
|
33
static/fonts/lato-font-3.0.0/changelog.md
Normal file
33
static/fonts/lato-font-3.0.0/changelog.md
Normal file
|
@ -0,0 +1,33 @@
|
|||
# lato-font changelog
|
||||
|
||||
## Version 3.0.0
|
||||
(01 Apr 2017)
|
||||
|
||||
- Dropped support of legacy TTF and EOT (use WOFF2 and WOFF instead)
|
||||
|
||||
|
||||
## Version 2.0.0
|
||||
(16 Sep 2016)
|
||||
|
||||
- Font updated from **2.007** to **2.015**
|
||||
|
||||
|
||||
## Version 1.1.1
|
||||
(08 Jul 2015)
|
||||
|
||||
- Added support for npm.
|
||||
|
||||
|
||||
## Version 1.1.0
|
||||
(12 Mar 2015)
|
||||
|
||||
- Font files replaced from the official web build **2.007**
|
||||
Custom web build of **2.010** was not stable enough and was rendering
|
||||
with some visual issues on some platforms.
|
||||
Waiting for the official build of **2.010**.
|
||||
|
||||
|
||||
## Version 1.0.0
|
||||
(20 Nov 2014)
|
||||
|
||||
- Library released
|
147
static/fonts/lato-font-3.0.0/css/lato-font.css
Normal file
147
static/fonts/lato-font-3.0.0/css/lato-font.css
Normal file
|
@ -0,0 +1,147 @@
|
|||
/*!
|
||||
Lato font.
|
||||
*/
|
||||
/* Lato (hairline, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-hairline/lato-hairline.woff2") format("woff2"), url("../fonts/lato-hairline/lato-hairline.woff") format("woff");
|
||||
}
|
||||
/* Lato (hairline, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-hairline-italic/lato-hairline-italic.woff2") format("woff2"), url("../fonts/lato-hairline-italic/lato-hairline-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (thin, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-thin/lato-thin.woff2") format("woff2"), url("../fonts/lato-thin/lato-thin.woff") format("woff");
|
||||
}
|
||||
/* Lato (thin, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-thin-italic/lato-thin-italic.woff2") format("woff2"), url("../fonts/lato-thin-italic/lato-thin-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (light, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-light/lato-light.woff2") format("woff2"), url("../fonts/lato-light/lato-light.woff") format("woff");
|
||||
}
|
||||
/* Lato (light, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-light-italic/lato-light-italic.woff2") format("woff2"), url("../fonts/lato-light-italic/lato-light-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (normal, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-normal/lato-normal.woff2") format("woff2"), url("../fonts/lato-normal/lato-normal.woff") format("woff");
|
||||
}
|
||||
/* Lato (normal, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-normal-italic/lato-normal-italic.woff2") format("woff2"), url("../fonts/lato-normal-italic/lato-normal-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (medium, regular) */
|
||||
@font-face {
|
||||
font-family: "Lato Medium";
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-medium/lato-medium.woff2") format("woff2"), url("../fonts/lato-medium/lato-medium.woff") format("woff");
|
||||
}
|
||||
/* Lato (medium, italic) */
|
||||
@font-face {
|
||||
font-family: "Lato Medium";
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-medium-italic/lato-medium-italic.woff2") format("woff2"), url("../fonts/lato-medium-italic/lato-medium-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (semibold, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-semibold/lato-semibold.woff2") format("woff2"), url("../fonts/lato-semibold/lato-semibold.woff") format("woff");
|
||||
}
|
||||
/* Lato (semibold, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-semibold-italic/lato-semibold-italic.woff2") format("woff2"), url("../fonts/lato-semibold-italic/lato-semibold-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (bold, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-bold/lato-bold.woff2") format("woff2"), url("../fonts/lato-bold/lato-bold.woff") format("woff");
|
||||
}
|
||||
/* Lato (bold, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-bold-italic/lato-bold-italic.woff2") format("woff2"), url("../fonts/lato-bold-italic/lato-bold-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (heavy, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-heavy/lato-heavy.woff2") format("woff2"), url("../fonts/lato-heavy/lato-heavy.woff") format("woff");
|
||||
}
|
||||
/* Lato (heavy, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-heavy-italic/lato-heavy-italic.woff2") format("woff2"), url("../fonts/lato-heavy-italic/lato-heavy-italic.woff") format("woff");
|
||||
}
|
||||
/* Lato (black, regular) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-black/lato-black.woff2") format("woff2"), url("../fonts/lato-black/lato-black.woff") format("woff");
|
||||
}
|
||||
/* Lato (black, italic) */
|
||||
@font-face {
|
||||
font-family: Lato;
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
text-rendering: optimizeLegibility;
|
||||
src: url("../fonts/lato-black-italic/lato-black-italic.woff2") format("woff2"), url("../fonts/lato-black-italic/lato-black-italic.woff") format("woff");
|
||||
}
|
3
static/fonts/lato-font-3.0.0/css/lato-font.min.css
vendored
Normal file
3
static/fonts/lato-font-3.0.0/css/lato-font.min.css
vendored
Normal file
|
@ -0,0 +1,3 @@
|
|||
/*!
|
||||
Lato font.
|
||||
*/@font-face{font-family:Lato;font-weight:100;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-hairline/lato-hairline.woff2) format("woff2"),url(../fonts/lato-hairline/lato-hairline.woff) format("woff")}@font-face{font-family:Lato;font-weight:100;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-hairline-italic/lato-hairline-italic.woff2) format("woff2"),url(../fonts/lato-hairline-italic/lato-hairline-italic.woff) format("woff")}@font-face{font-family:Lato;font-weight:200;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-thin/lato-thin.woff2) format("woff2"),url(../fonts/lato-thin/lato-thin.woff) format("woff")}@font-face{font-family:Lato;font-weight:200;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-thin-italic/lato-thin-italic.woff2) format("woff2"),url(../fonts/lato-thin-italic/lato-thin-italic.woff) format("woff")}@font-face{font-family:Lato;font-weight:300;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-light/lato-light.woff2) format("woff2"),url(../fonts/lato-light/lato-light.woff) format("woff")}@font-face{font-family:Lato;font-weight:300;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-light-italic/lato-light-italic.woff2) format("woff2"),url(../fonts/lato-light-italic/lato-light-italic.woff) format("woff")}@font-face{font-family:Lato;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-normal/lato-normal.woff2) format("woff2"),url(../fonts/lato-normal/lato-normal.woff) format("woff")}@font-face{font-family:Lato;font-weight:400;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-normal-italic/lato-normal-italic.woff2) format("woff2"),url(../fonts/lato-normal-italic/lato-normal-italic.woff) format("woff")}@font-face{font-family:"Lato Medium";font-weight:400;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-medium/lato-medium.woff2) format("woff2"),url(../fonts/lato-medium/lato-medium.woff) format("woff")}@font-face{font-family:"Lato Medium";font-weight:400;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-medium-italic/lato-medium-italic.woff2) format("woff2"),url(../fonts/lato-medium-italic/lato-medium-italic.woff) format("woff")}@font-face{font-family:Lato;font-weight:500;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-semibold/lato-semibold.woff2) format("woff2"),url(../fonts/lato-semibold/lato-semibold.woff) format("woff")}@font-face{font-family:Lato;font-weight:500;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-semibold-italic/lato-semibold-italic.woff2) format("woff2"),url(../fonts/lato-semibold-italic/lato-semibold-italic.woff) format("woff")}@font-face{font-family:Lato;font-weight:600;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-bold/lato-bold.woff2) format("woff2"),url(../fonts/lato-bold/lato-bold.woff) format("woff")}@font-face{font-family:Lato;font-weight:600;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-bold-italic/lato-bold-italic.woff2) format("woff2"),url(../fonts/lato-bold-italic/lato-bold-italic.woff) format("woff")}@font-face{font-family:Lato;font-weight:800;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-heavy/lato-heavy.woff2) format("woff2"),url(../fonts/lato-heavy/lato-heavy.woff) format("woff")}@font-face{font-family:Lato;font-weight:800;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-heavy-italic/lato-heavy-italic.woff2) format("woff2"),url(../fonts/lato-heavy-italic/lato-heavy-italic.woff) format("woff")}@font-face{font-family:Lato;font-weight:900;font-style:normal;text-rendering:optimizeLegibility;src:url(../fonts/lato-black/lato-black.woff2) format("woff2"),url(../fonts/lato-black/lato-black.woff) format("woff")}@font-face{font-family:Lato;font-weight:900;font-style:italic;text-rendering:optimizeLegibility;src:url(../fonts/lato-black-italic/lato-black-italic.woff2) format("woff2"),url(../fonts/lato-black-italic/lato-black-italic.woff) format("woff")}
|
Binary file not shown.
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-black/lato-black.woff
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-black/lato-black.woff
Normal file
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-black/lato-black.woff2
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-black/lato-black.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-bold/lato-bold.woff
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-bold/lato-bold.woff
Normal file
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-bold/lato-bold.woff2
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-bold/lato-bold.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-heavy/lato-heavy.woff
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-heavy/lato-heavy.woff
Normal file
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-heavy/lato-heavy.woff2
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-heavy/lato-heavy.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-light/lato-light.woff
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-light/lato-light.woff
Normal file
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-light/lato-light.woff2
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-light/lato-light.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-medium/lato-medium.woff
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-medium/lato-medium.woff
Normal file
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-medium/lato-medium.woff2
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-medium/lato-medium.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-normal/lato-normal.woff
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-normal/lato-normal.woff
Normal file
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-normal/lato-normal.woff2
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-normal/lato-normal.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-thin/lato-thin.woff
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-thin/lato-thin.woff
Normal file
Binary file not shown.
BIN
static/fonts/lato-font-3.0.0/fonts/lato-thin/lato-thin.woff2
Normal file
BIN
static/fonts/lato-font-3.0.0/fonts/lato-thin/lato-thin.woff2
Normal file
Binary file not shown.
30
static/fonts/lato-font-3.0.0/gulp-tasks/styles/build.js
Normal file
30
static/fonts/lato-font-3.0.0/gulp-tasks/styles/build.js
Normal file
|
@ -0,0 +1,30 @@
|
|||
|
||||
const compass = require('gulp-compass');
|
||||
const minifyCSS = require('gulp-minify-css');
|
||||
const rename = require('gulp-rename');
|
||||
|
||||
|
||||
const SCSS_CONFIG = {
|
||||
css: CSS_OUTPUT_PATH,
|
||||
sass: SCSS_SOURCE_PATH,
|
||||
environment: 'development',
|
||||
style: 'expanded',
|
||||
comments: true
|
||||
};
|
||||
|
||||
|
||||
module.exports = function (gulp) {
|
||||
|
||||
return gulp.src(SCSS_SOURCE_PATH + '/*.scss')
|
||||
|
||||
// Compiling SCSS to CSS.
|
||||
.pipe(compass(SCSS_CONFIG))
|
||||
.pipe(gulp.dest(CSS_OUTPUT_PATH))
|
||||
|
||||
// Writing minified version.
|
||||
.pipe(rename({ suffix: MINIFICATION_SUFFIX }))
|
||||
.pipe(minifyCSS())
|
||||
.pipe(gulp.dest(CSS_OUTPUT_PATH))
|
||||
;
|
||||
|
||||
};
|
35
static/fonts/lato-font-3.0.0/gulpfile.js
Normal file
35
static/fonts/lato-font-3.0.0/gulpfile.js
Normal file
|
@ -0,0 +1,35 @@
|
|||
|
||||
//--------------//
|
||||
// DEPENDENCIES //
|
||||
//--------------//
|
||||
|
||||
const gulp = require('gulp');
|
||||
const gulpRequireTasks = require('gulp-require-tasks');
|
||||
const del = require('del');
|
||||
const runSequence = require('run-sequence');
|
||||
|
||||
|
||||
//---------------//
|
||||
// CONFIGURATION //
|
||||
//---------------//
|
||||
|
||||
global.CSS_OUTPUT_PATH = './css';
|
||||
global.SCSS_SOURCE_PATH = './scss';
|
||||
global.MINIFICATION_SUFFIX = '.min';
|
||||
|
||||
|
||||
//-------//
|
||||
// TASKS //
|
||||
//-------//
|
||||
|
||||
gulpRequireTasks();
|
||||
|
||||
gulp.task('default', function (callback) {
|
||||
runSequence('clean', 'build', callback);
|
||||
});
|
||||
|
||||
gulp.task('clean', function () {
|
||||
return del([CSS_OUTPUT_PATH + '/*']);
|
||||
});
|
||||
|
||||
gulp.task('build', ['styles:build']);
|
23
static/fonts/lato-font-3.0.0/package.json
Normal file
23
static/fonts/lato-font-3.0.0/package.json
Normal file
|
@ -0,0 +1,23 @@
|
|||
{
|
||||
"name": "lato-font",
|
||||
"version": "3.0.0",
|
||||
"description": "Distribution repository for Lato font",
|
||||
"license": "(MIT AND OFL-1.1)",
|
||||
"keywords": [
|
||||
"font"
|
||||
],
|
||||
"main": "css/lato-font.css",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/betsol/lato-font.git"
|
||||
},
|
||||
"devDependencies": {
|
||||
"del": "^2.2.2",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-compass": "^2.1.0",
|
||||
"gulp-minify-css": "^1.2.4",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-require-tasks": "^1.0.5",
|
||||
"run-sequence": "^1.2.2"
|
||||
}
|
||||
}
|
5
static/fonts/lato-font-3.0.0/scss/_public-api.scss
Normal file
5
static/fonts/lato-font-3.0.0/scss/_public-api.scss
Normal file
|
@ -0,0 +1,5 @@
|
|||
@import 'internal/variables';
|
||||
@import 'internal/functions';
|
||||
@import 'internal/mixins';
|
||||
|
||||
@import 'public/mixins';
|
14
static/fonts/lato-font-3.0.0/scss/api-example.scss
Normal file
14
static/fonts/lato-font-3.0.0/scss/api-example.scss
Normal file
|
@ -0,0 +1,14 @@
|
|||
@import 'public-api';
|
||||
|
||||
$lato-font-path: '/bower_component/lato-font/fonts';
|
||||
|
||||
@include lato-include-font('black');
|
||||
@include lato-include-font('medium');
|
||||
|
||||
h1 {
|
||||
@include lato-font('black');
|
||||
}
|
||||
|
||||
p.quote {
|
||||
@include lato-font('medium', italic);
|
||||
}
|
13
static/fonts/lato-font-3.0.0/scss/internal/_functions.scss
Normal file
13
static/fonts/lato-font-3.0.0/scss/internal/_functions.scss
Normal file
|
@ -0,0 +1,13 @@
|
|||
@function latoGetWeightForVariant($variant, $variants: $lato-variants) {
|
||||
@return map-get($variants, $variant);
|
||||
}
|
||||
|
||||
@function latoGetFontNameForVariant($variant, $font-name: $lato-font-name) {
|
||||
|
||||
// Exception for Medium variant.
|
||||
@if 'medium' == $variant {
|
||||
$font-name: 'Lato Medium';
|
||||
}
|
||||
|
||||
@return $font-name;
|
||||
}
|
43
static/fonts/lato-font-3.0.0/scss/internal/_mixins.scss
Normal file
43
static/fonts/lato-font-3.0.0/scss/internal/_mixins.scss
Normal file
|
@ -0,0 +1,43 @@
|
|||
@mixin lato-font-face($variant, $weight: 400, $style: normal, $font-name: $lato-font-name) {
|
||||
|
||||
$variant: 'lato-' + $variant;
|
||||
|
||||
@if (italic == $style) {
|
||||
$variant: $variant + '-italic';
|
||||
}
|
||||
|
||||
font-family: $font-name;
|
||||
font-weight: $weight;
|
||||
font-style: $style;
|
||||
text-rendering: optimizeLegibility;
|
||||
src:
|
||||
url('#{$lato-font-path}/#{$variant}/#{$variant}.woff2') format('woff2'),
|
||||
url('#{$lato-font-path}/#{$variant}/#{$variant}.woff') format('woff')
|
||||
;
|
||||
}
|
||||
|
||||
// Generates font-faces automatically by iterating provided variants map.
|
||||
@mixin lato-render-variants($variants) {
|
||||
@each $variant, $weight in $variants {
|
||||
@include lato-render-variant($variant, $weight);
|
||||
}
|
||||
}
|
||||
|
||||
// Generates font-face for specified variant and weight.
|
||||
// This is primarily for internal use.
|
||||
@mixin lato-render-variant($variant, $weight) {
|
||||
|
||||
$font-name: latoGetFontNameForVariant($variant);
|
||||
|
||||
// One for regular style.
|
||||
/* Lato (#{$variant}, regular) */
|
||||
@font-face {
|
||||
@include lato-font-face($variant, $weight, normal, $font-name);
|
||||
}
|
||||
|
||||
// One for italic style.
|
||||
/* Lato (#{$variant}, italic) */
|
||||
@font-face {
|
||||
@include lato-font-face($variant, $weight, italic, $font-name);
|
||||
}
|
||||
}
|
14
static/fonts/lato-font-3.0.0/scss/internal/_variables.scss
Normal file
14
static/fonts/lato-font-3.0.0/scss/internal/_variables.scss
Normal file
|
@ -0,0 +1,14 @@
|
|||
$lato-font-path: '../fonts' !default;
|
||||
$lato-font-name: Lato !default;
|
||||
|
||||
$lato-variants: (
|
||||
'hairline' : 100,
|
||||
'thin' : 200,
|
||||
'light' : 300,
|
||||
'normal' : 400,
|
||||
'medium' : 400,
|
||||
'semibold' : 500,
|
||||
'bold' : 600,
|
||||
'heavy' : 800,
|
||||
'black' : 900
|
||||
) !default;
|
8
static/fonts/lato-font-3.0.0/scss/lato-font.scss
Normal file
8
static/fonts/lato-font-3.0.0/scss/lato-font.scss
Normal file
|
@ -0,0 +1,8 @@
|
|||
@import 'internal/variables';
|
||||
@import 'internal/functions';
|
||||
@import 'internal/mixins';
|
||||
|
||||
/*!
|
||||
Lato font.
|
||||
*/
|
||||
@include lato-render-variants($lato-variants);
|
14
static/fonts/lato-font-3.0.0/scss/public/_mixins.scss
Normal file
14
static/fonts/lato-font-3.0.0/scss/public/_mixins.scss
Normal file
|
@ -0,0 +1,14 @@
|
|||
// Includes font-face for a specific font.
|
||||
@mixin lato-include-font ($variant) {
|
||||
$weight: latoGetWeightForVariant($variant);
|
||||
@include lato-render-variant($variant, $weight);
|
||||
}
|
||||
|
||||
// Adds styles for specified font variant and style.
|
||||
@mixin lato-font ($variant, $style: normal) {
|
||||
|
||||
/* Lato (#{$variant}, #{$style}) */
|
||||
font-family: latoGetFontNameForVariant($variant);
|
||||
font-weight: latoGetWeightForVariant($variant);
|
||||
font-style: $style;
|
||||
}
|
Loading…
Reference in a new issue