mirror of
https://github.com/penpot/penpot.git
synced 2026-05-23 08:53:39 +00:00
65 lines
3.1 KiB
SCSS
65 lines
3.1 KiB
SCSS
// This Source Code Form is subject to the terms of the Mozilla Public
|
|
// License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
//
|
|
// Copyright (c) KALEIDOS INC
|
|
|
|
@mixin font-face($style-name, $file, $weight: unquote("normal"), $style: unquote("normal")) {
|
|
$filepath: "/fonts/" + $file;
|
|
|
|
@font-face {
|
|
font-family: "#{$style-name}";
|
|
src:
|
|
url($filepath + ".woff2") format("woff2"),
|
|
url($filepath + ".ttf") format("truetype");
|
|
font-weight: unquote($weight);
|
|
font-style: unquote($style);
|
|
}
|
|
}
|
|
|
|
// Work Sans
|
|
@include font-face("worksans", "WorkSans-Thin", "100");
|
|
@include font-face("worksans", "WorkSans-ThinItalic", "100", italic);
|
|
@include font-face("worksans", "WorkSans-ExtraLight", "200");
|
|
@include font-face("worksans", "WorkSans-ExtraLightitalic", "200", italic);
|
|
@include font-face("worksans", "WorkSans-Light", "300");
|
|
@include font-face("worksans", "WorkSans-LightItalic", "300", italic);
|
|
@include font-face("worksans", "WorkSans-Regular", normal);
|
|
@include font-face("worksans", "WorkSans-Italic", normal, italic);
|
|
@include font-face("worksans", "WorkSans-Medium", "500");
|
|
@include font-face("worksans", "WorkSans-MediumItalic", "500", italic);
|
|
@include font-face("worksans", "WorkSans-SemiBold", "600");
|
|
@include font-face("worksans", "WorkSans-SemiBoldItalic", "600", italic);
|
|
@include font-face("worksans", "WorkSans-Bold", bold);
|
|
@include font-face("worksans", "WorkSans-BoldItalic", bold, italic);
|
|
@include font-face("worksans", "WorkSans-Black", "900");
|
|
@include font-face("worksans", "WorkSans-BlackItalic", "900", italic);
|
|
|
|
// Source Sans Pro
|
|
@include font-face("sourcesanspro", "sourcesanspro-extralight", "200");
|
|
@include font-face("sourcesanspro", "sourcesanspro-extralightitalic", "200", italic);
|
|
@include font-face("sourcesanspro", "sourcesanspro-light", "300");
|
|
@include font-face("sourcesanspro", "sourcesanspro-lightitalic", "300", italic);
|
|
@include font-face("sourcesanspro", "sourcesanspro-regular", normal);
|
|
@include font-face("sourcesanspro", "sourcesanspro-italic", normal, italic);
|
|
@include font-face("sourcesanspro", "sourcesanspro-semibold", "600");
|
|
@include font-face("sourcesanspro", "sourcesanspro-semibolditalic", "600", italic);
|
|
@include font-face("sourcesanspro", "sourcesanspro-bold", bold);
|
|
@include font-face("sourcesanspro", "sourcesanspro-bolditalic", bold, italic);
|
|
@include font-face("sourcesanspro", "sourcesanspro-black", "900");
|
|
@include font-face("sourcesanspro", "sourcesanspro-blackitalic", "900", italic);
|
|
|
|
// Vazirmatn
|
|
@include font-face("vazirmatn", "Vazirmatn-Thin", "100");
|
|
@include font-face("vazirmatn", "Vazirmatn-ExtraLight", "200");
|
|
@include font-face("vazirmatn", "Vazirmatn-Light", "300");
|
|
@include font-face("vazirmatn", "Vazirmatn-Regular", normal);
|
|
@include font-face("vazirmatn", "Vazirmatn-Medium", "500");
|
|
@include font-face("vazirmatn", "Vazirmatn-SemiBold", "600");
|
|
@include font-face("vazirmatn", "Vazirmatn-Bold", bold);
|
|
@include font-face("vazirmatn", "Vazirmatn-ExtraBold", "800");
|
|
@include font-face("vazirmatn", "Vazirmatn-Black", "900");
|
|
|
|
// Space mono
|
|
@include font-face("robotomono", "RobotoMono-Regular", normal);
|