Use local fonts and stop scrollable elements from repainting (#2266)
parent
ee0c897bba
commit
27a99b19e8
|
@ -1052,6 +1052,7 @@ a.status__content__spoiler-link {
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
backface-visibility: hidden;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
&.optionally-scrollable {
|
&.optionally-scrollable {
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Montserrat';
|
font-family: 'Montserrat';
|
||||||
|
src: local('Montserrat');
|
||||||
src: font-url('montserrat/Montserrat-Regular.eot');
|
src: font-url('montserrat/Montserrat-Regular.eot');
|
||||||
src: font-url('montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
|
src: font-url('montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
|
||||||
font-url('montserrat/Montserrat-Regular.woff2') format('woff2'),
|
font-url('montserrat/Montserrat-Regular.woff2') format('woff2'),
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Roboto Mono';
|
font-family: 'Roboto Mono';
|
||||||
|
src: local('Roboto Mono');
|
||||||
src: font-url('roboto-mono/robotomono-regular-webfont.eot');
|
src: font-url('roboto-mono/robotomono-regular-webfont.eot');
|
||||||
src: font-url('roboto-mono/robotomono-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
src: font-url('roboto-mono/robotomono-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||||
font-url('roboto-mono/robotomono-regular-webfont.woff2') format('woff2'),
|
font-url('roboto-mono/robotomono-regular-webfont.woff2') format('woff2'),
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
|
src: local('Roboto');
|
||||||
src: font-url('roboto/roboto-italic-webfont.eot');
|
src: font-url('roboto/roboto-italic-webfont.eot');
|
||||||
src: font-url('roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
|
src: font-url('roboto/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
|
||||||
font-url('roboto/roboto-italic-webfont.woff2') format('woff2'),
|
font-url('roboto/roboto-italic-webfont.woff2') format('woff2'),
|
||||||
|
@ -12,6 +13,7 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
|
src: local('Roboto');
|
||||||
src: font-url('roboto/roboto-bold-webfont.eot');
|
src: font-url('roboto/roboto-bold-webfont.eot');
|
||||||
src: local('Roboto bold'), local('roboto-bold'),
|
src: local('Roboto bold'), local('roboto-bold'),
|
||||||
font-url('roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
|
font-url('roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||||
|
@ -25,6 +27,7 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
|
src: local('Roboto');
|
||||||
src: font-url('roboto/roboto-medium-webfont.eot');
|
src: font-url('roboto/roboto-medium-webfont.eot');
|
||||||
src: font-url('roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
|
src: font-url('roboto/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
|
||||||
font-url('roboto/roboto-medium-webfont.woff2') format('woff2'),
|
font-url('roboto/roboto-medium-webfont.woff2') format('woff2'),
|
||||||
|
@ -37,6 +40,7 @@
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Roboto';
|
font-family: 'Roboto';
|
||||||
|
src: local('Roboto');
|
||||||
src: font-url('roboto/roboto-regular-webfont.eot');
|
src: font-url('roboto/roboto-regular-webfont.eot');
|
||||||
src: font-url('roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
src: font-url('roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||||
font-url('roboto/roboto-regular-webfont.woff2') format('woff2'),
|
font-url('roboto/roboto-regular-webfont.woff2') format('woff2'),
|
||||||
|
|
Loading…
Reference in New Issue