body,
html {
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
height: 100%;
font-weight: 400;
color: #000;
background: #fff
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('opensans/opensans-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('opensans/opensans-regular.woff') format('woff'), /* Modern Browsers */
url('opensans/opensans-regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url('opensans/opensans-semibold.woff2') format('woff2'), /* Super Modern Browsers */
url('opensans/opensans-semibold.woff') format('woff'), /* Modern Browsers */
url('opensans/opensans-semibold.ttf') format('truetype'), /* Safari, Android, iOS */
}
Но что насчет версий браузера.
grid-column и т.д, для более современных браузеров.
display: flex; - вроде работает и на старых.
flex-shrink: 0; - насчет этого не знаю, первый раз вижу.