Font Family

g4.font.family - compass mixin library

Install

Via Bower

bower install g4.font.family

Open config.rb file in to compass root directory and add ( or edit ) font URL

http_fonts_path            = "/bower/g4.font.family/src/fonts/"

fonts_dir                  = "../public//bower/g4.font.family/src/fonts/"

Usage

Import

Import bower package mixin for font-family in to project for example

@import             "../../public/bower/g4.font.family/src/font_family";

Now you need to declare font-family which you want to have on site

Declare

@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:

.come_selector {
    @extend %f700;
}

Limits You can't use this @extend method inside @mediaqueries

License

Copyright (c) 2016 g4code (https://github.com/g4code) (The MIT License) see LICENSE file for details.