Skip to content

Instantly share code, notes, and snippets.

@roscabgdn
Created March 2, 2016 07:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save roscabgdn/3cf9489012b320afc60f to your computer and use it in GitHub Desktop.
Save roscabgdn/3cf9489012b320afc60f to your computer and use it in GitHub Desktop.
// ------------------------------------------------------------
// Font Stacks
// ------------------------------------------------------------
// Example Font Stack Usage
// @include font(light);
// @include font(body);
// @include font(medium);
// @include font(semibold);
// @include font(bold);
// @include font(black);
@mixin main-font($fontstack) {
$freight: (
regular: "Verdana",
semibold: "Verdana",
bold: "Verdana"
);
$weights: (
regular: 300,
semibold: 700,
bold: 900
);
$fallback: (
regular: normal,
semibold: bold,
bold: bold
);
font-family: map-get($freight, $fontstack), sans-serif;
font-weight: map-get($weights, $fontstack);
}
@mixin alt-font($fontstack) {
$freight: (
regular: "Courier New",
semibold: "Courier New",
bold: "Courier New"
);
$weights: (
regular: 300,
semibold: 600,
bold: 700
);
$fallback: (
regular: normal,
semibold: bold,
bold: bold
);
font-family: map-get($freight, $fontstack), sans-serif;
font-weight: map-get($weights, $fontstack);
}
.entry-title {
@include main-font(bold);
font-size: 44px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment