optimize fonts

This commit is contained in:
Elisabeth Dickinson 2021-03-10 09:54:15 +01:00
parent 7dcb458585
commit 8a8ef9bdda
7 changed files with 9 additions and 97 deletions

Binary file not shown.

View File

@ -4,7 +4,7 @@
[class^="i-"], [class*=" i-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: '#{$icomoon-font-family}' !important;
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;

View File

@ -89,7 +89,7 @@
@mixin inline-icomoon($icon-content, $margin, $v-align: middle, $font-size: 1.5rem, $font-weight: $fw_regular) {
content: '#{$icon-content}';
font-family: '#{$icomoon-font-family}' !important;
font-family: 'icomoon' !important;
@include font-size($font-size);
font-weight: $font-weight;
vertical-align: $v-align;

View File

@ -6,45 +6,19 @@
// Fonts
//------------------------------------------------------------------------------
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
font-family: '#{$icomoon-font-family}';
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?6i2y1w');
src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?6i2y1w#iefix') format('embedded-opentype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?6i2y1w') format('truetype'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?6i2y1w') format('woff'),
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?6i2y1w##{$icomoon-font-family}') format('svg');
font-family: 'icomoon';
src: url('fonts/icomoon.woff2') format('woff2'),
url('fonts/icomoon.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Inter';
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: 'Regular';
src: url("Inter-roman.var.woff2?v=3.15") format("woff2");
}
@font-face {
font-family: 'Inter';
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: 'Italic';
src: url("Inter-italic.var.woff2?v=3.15") format("woff2");
}
//------------------------------------------------------------------------------
// Font rendering
//------------------------------------------------------------------------------
html body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Inter, Helvetica, sans-serif;
font-weight: 400;
}
//------------------------------------------------------------------------------

View File

@ -75,9 +75,6 @@ $font-size-secondary: .875rem;
// icomoon icons
//------------------------------------------------------------------------------
$icomoon-font-family: "icomoon" !default;
$icomoon-font-path: "fonts" !default;
$i-arrow-up: "\e948";
$i-arrow-down: "\e945";
$i-arrow-left: "\e946";

View File

@ -1,18 +1,11 @@
//
// BS Variables
//
// The contrast ratio value that determines when the lightness of color changes from "dark" to "light". Acceptable values are 3 , 4.5 and 7.
/* $min-contrast-ratio: 4.5; */
// Components
//
$enable-shadows : true;
// Define common padding and border radius sizes and more.
/* $enable-responsive-font-sizes: true; */
// Fonts
//
// Font, line-height, and color for body text, headings, and more.
$font-family-base: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif !default;
$h1-font-size: 1.875rem;
$h2-font-size: 1.5rem;
$h3-font-size: 1.125rem;
@ -20,64 +13,12 @@ $h4-font-size: 1rem;
$h5-font-size: 1rem;
$h6-font-size: $font-size-secondary;
$display-line-height: 1;
/* $blockquote-font-size: $font-size-base !default; */
// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.
$btn-font-size: $font-size-secondary;
$btn-font-weight: $fw_semibold;
$btn-focus-box-shadow: 0 0 0 transparent;
// Badges
/* $badge-font-size: 0.9em; */
// Pagination
$pagination-color: o-color('600');
$pagination-bg: transparent;
$pagination-border-color: o-color('300');
$pagination-hover-color: o-color('o-cc1-link');
$pagination-hover-bg: transparent;
$pagination-hover-border-color: o-color('o-cc1-link');
$pagination-active-color: o-color('900');
$pagination-active-bg: transparent;
$pagination-active-border-color: o-color('900');
// Cards
$card-spacer-y: 15rem / 16;
$card-spacer-x: 15rem / 16;
$card-border-width: 1px;
$card-border-color: rgba(0,0,0,.06);
$card-cap-bg: transparent;
// Tooltips
$tooltip-max-width: 220px;
$tooltip-opacity: 1;
$tooltip-arrow-width: 4rem / 16;
// Popovers
$popover-border-color: transparent;
$popover-arrow-width: 10rem / 16;
// List group
$list-group-border-color: $card-border-color;
$nav-pills-link-active-color: #fff;
$nav-pills-link-active-bg: o-color('o-color-2');
// Dropdowns
$dropdown-min-width: 4.5rem;

View File

@ -598,7 +598,7 @@ header.o_main_header{
visibility: hidden !important;
&:after {
content: '#{$i-link}';
font-family: $icomoon-font-family !important;
font-family: icomoon !important;
@include font-size($font-size-base);
vertical-align: middle;
margin: 0 1rem 0 0;