https://github.com/g4code/g4.font.family
https://github.com/g4code/g4.font.family
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/g4code/g4.font.family
- Owner: g4code
- License: mit
- Created: 2016-02-02T09:07:06.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2020-09-01T09:52:25.000Z (over 5 years ago)
- Last Synced: 2025-10-22T11:49:11.719Z (4 months ago)
- Language: CSS
- Size: 29.6 MB
- Stars: 1
- Watchers: 10
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Font Family
======
> g4.font.family - [compass](http://http://compass-style.org/) mixin library
## Install
Via npm
```sh
npm install g4code.font.family
```
## Usage
**Import**
Import bower package mixin for font-family in to project for example
```sh
@import "../../public/node_modules/g4code.font.family/src/font_family";
```
Now you need to declare font-family which you want to have on site
**Declare**
```sass
@include font_family(Font_name);
@include font_family(Roboto);
@include font_family(OpenSans);
```
All fonts has same naming convention
Name + sufix
OpenSans-LightItalic
Roboto-LightItalic
Now we have successfuly setup font family on our project. Default font it will be
font-family: Roboto
font-style: normal;
font-weight: 400;
**Custom weight**
You have possibility to load different fonts weight
for example:
```sh
.some_selector {
@extend %f700;
}
```
**Limits**
You can't use this @extend method inside @mediaqueries
## License
Copyright (c) 2016 [g4code](http://http://g4code.com/) (https://github.com/g4code)
(The MIT License) see LICENSE file for details.