update fonts

This commit is contained in:
Rhiannon Morris 2020-08-29 01:54:30 +02:00
parent 29a4d033a8
commit 6d9ac40b71
3 changed files with 206 additions and 92 deletions

View File

@ -1,119 +1,229 @@
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Bold-webfont.eot'); font-weight: 50;
src: url('Muller-Bold-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-Bold-webfont.woff2') format('woff2'), url(050.eot) format('embedded-opentype'),
url('Muller-Bold-webfont.woff') format('woff'), url(050.svg) format('svg'),
url('Muller-Bold-webfont.ttf') format('truetype'), url(050.ttf) format('truetype'),
url('Muller-Bold-webfont.svg#mullerbold') format('svg'); url(050.woff) format('woff'),
font-weight: 600; url(050.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Bold_Italic-webfont.eot'); font-weight: 50;
src: url('Muller-Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'), font-style: italic;
url('Muller-Bold_Italic-webfont.woff2') format('woff2'), src:
url('Muller-Bold_Italic-webfont.woff') format('woff'), url(050i.eot) format('embedded-opentype'),
url('Muller-Bold_Italic-webfont.ttf') format('truetype'), url(050i.svg) format('svg'),
url('Muller-Bold_Italic-webfont.svg#mullerbold_italic') format('svg'); url(050i.ttf) format('truetype'),
font-weight: 600; url(050i.woff) format('woff'),
font-style: italic; url(050i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Medium-webfont.eot'); font-weight: 100;
src: url('Muller-Medium-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-Medium-webfont.woff2') format('woff2'), url(100.eot) format('embedded-opentype'),
url('Muller-Medium-webfont.woff') format('woff'), url(100.svg) format('svg'),
url('Muller-Medium-webfont.ttf') format('truetype'), url(100.ttf) format('truetype'),
url('Muller-Medium-webfont.svg#mullermedium') format('svg'); url(100.woff) format('woff'),
font-weight: 500; url(100.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Medium_Italic-webfont.eot'); font-weight: 100;
src: url('Muller-Medium_Italic-webfont.eot?#iefix') format('embedded-opentype'), font-style: italic;
url('Muller-Medium_Italic-webfont.woff2') format('woff2'), src:
url('Muller-Medium_Italic-webfont.woff') format('woff'), url(100i.eot) format('embedded-opentype'),
url('Muller-Medium_Italic-webfont.ttf') format('truetype'), url(100i.svg) format('svg'),
url('Muller-Medium_Italic-webfont.svg#mullermedium_italic') format('svg'); url(100i.ttf) format('truetype'),
font-weight: 500; url(100i.woff) format('woff'),
font-style: italic; url(100i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-ExtraBold-webfont.eot'); font-weight: 200;
src: url('Muller-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-ExtraBold-webfont.woff2') format('woff2'), url(200.eot) format('embedded-opentype'),
url('Muller-ExtraBold-webfont.woff') format('woff'), url(200.svg) format('svg'),
url('Muller-ExtraBold-webfont.ttf') format('truetype'), url(200.ttf) format('truetype'),
url('Muller-ExtraBold-webfont.svg#mullerextrabold') format('svg'); url(200.woff) format('woff'),
font-weight: 800; url(200.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-ExtraBold_Italic-webfont.eot'); font-weight: 200;
src: url('Muller-ExtraBold_Italic-webfont.eot?#iefix') format('embedded-opentype'), font-style: italic;
url('Muller-ExtraBold_Italic-webfont.woff2') format('woff2'), src:
url('Muller-ExtraBold_Italic-webfont.woff') format('woff'), url(200i.eot) format('embedded-opentype'),
url('Muller-ExtraBold_Italic-webfont.ttf') format('truetype'), url(200i.svg) format('svg'),
url('Muller-ExtraBold_Italic-webfont.svg#mullerextrabold_italic') format('svg'); url(200i.ttf) format('truetype'),
font-weight: 800; url(200i.woff) format('woff'),
font-style: italic; url(200i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Light-webfont.eot'); font-weight: 300;
src: url('Muller-Light-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-Light-webfont.woff2') format('woff2'), url(300.eot) format('embedded-opentype'),
url('Muller-Light-webfont.woff') format('woff'), url(300.svg) format('svg'),
url('Muller-Light-webfont.ttf') format('truetype'), url(300.ttf) format('truetype'),
url('Muller-Light-webfont.svg#mullerlight') format('svg'); url(300.woff) format('woff'),
font-weight: 300; url(300.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Light_Italic-webfont.eot'); font-weight: 300;
src: url('Muller-Light_Italic-webfont.eot?#iefix') format('embedded-opentype'), font-style: italic;
url('Muller-Light_Italic-webfont.woff2') format('woff2'), src:
url('Muller-Light_Italic-webfont.woff') format('woff'), url(300i.eot) format('embedded-opentype'),
url('Muller-Light_Italic-webfont.ttf') format('truetype'), url(300i.svg) format('svg'),
url('Muller-Light_Italic-webfont.svg#mullerlight_italic') format('svg'); url(300i.ttf) format('truetype'),
font-weight: 300; url(300i.woff) format('woff'),
font-style: italic; url(300i.woff2) format('woff2');
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Regular-webfont.eot'); font-weight: 400;
src: url('Muller-Regular-webfont.eot?#iefix') format('embedded-opentype'), src:
url('Muller-Regular-webfont.woff2') format('woff2'), url(400.eot) format('embedded-opentype'),
url('Muller-Regular-webfont.woff') format('woff'), url(400.svg) format('svg'),
url('Muller-Regular-webfont.ttf') format('truetype'), url(400.ttf) format('truetype'),
url('Muller-Regular-webfont.svg#muller_regularregular') format('svg'); url(400.woff) format('woff'),
font-weight: 400; url(400.woff2) format('woff2');
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: Muller;
src: url('Muller-Regular_Italic-webfont.eot'); font-weight: 400;
src: url('Muller-Regular_Italic-webfont.eot?#iefix') format('embedded-opentype'), font-style: italic;
url('Muller-Regular_Italic-webfont.woff2') format('woff2'), src:
url('Muller-Regular_Italic-webfont.woff') format('woff'), url(400i.eot) format('embedded-opentype'),
url('Muller-Regular_Italic-webfont.ttf') format('truetype'), url(400i.svg) format('svg'),
url('Muller-Regular_Italic-webfont.svg#mullerregular_italic') format('svg'); url(400i.ttf) format('truetype'),
font-weight: 400; url(400i.woff) format('woff'),
font-style: italic; url(400i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 500;
src:
url(500.eot) format('embedded-opentype'),
url(500.svg) format('svg'),
url(500.ttf) format('truetype'),
url(500.woff) format('woff'),
url(500.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 500;
font-style: italic;
src:
url(500i.eot) format('embedded-opentype'),
url(500i.svg) format('svg'),
url(500i.ttf) format('truetype'),
url(500i.woff) format('woff'),
url(500i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 600;
src:
url(600.eot) format('embedded-opentype'),
url(600.svg) format('svg'),
url(600.ttf) format('truetype'),
url(600.woff) format('woff'),
url(600.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 600;
font-style: italic;
src:
url(600i.eot) format('embedded-opentype'),
url(600i.svg) format('svg'),
url(600i.ttf) format('truetype'),
url(600i.woff) format('woff'),
url(600i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 700;
src:
url(700.eot) format('embedded-opentype'),
url(700.svg) format('svg'),
url(700.ttf) format('truetype'),
url(700.woff) format('woff'),
url(700.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 700;
font-style: italic;
src:
url(700i.eot) format('embedded-opentype'),
url(700i.svg) format('svg'),
url(700i.ttf) format('truetype'),
url(700i.woff) format('woff'),
url(700i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 800;
src:
url(800.eot) format('embedded-opentype'),
url(800.svg) format('svg'),
url(800.ttf) format('truetype'),
url(800.woff) format('woff'),
url(800.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 800;
font-style: italic;
src:
url(800i.eot) format('embedded-opentype'),
url(800i.svg) format('svg'),
url(800i.ttf) format('truetype'),
url(800i.woff) format('woff'),
url(800i.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 900;
src:
url(900.eot) format('embedded-opentype'),
url(900.svg) format('svg'),
url(900.ttf) format('truetype'),
url(900.woff) format('woff'),
url(900.woff2) format('woff2');
}
@font-face {
font-family: Muller;
font-weight: 900;
font-style: italic;
src:
url(900i.eot) format('embedded-opentype'),
url(900i.svg) format('svg'),
url(900i.ttf) format('truetype'),
url(900i.woff) format('woff'),
url(900i.woff2) format('woff2');
} }

View File

@ -29,7 +29,7 @@ header {
text-align: center; text-align: center;
} }
h1 { font-weight: 100; } h1 { font-weight: 300; }
h2, h3, h4 { font-weight: 400; } h2, h3, h4 { font-weight: 400; }
h1 { font-size: 300%; } h1 { font-size: 300%; }
h2 { font-size: 125%; } h2 { font-size: 125%; }
@ -69,6 +69,10 @@ a:focus {
text-decoration-style: double; text-decoration-style: double;
} }
b {
font-weight: 700;
}
footer { footer {
font-weight: 500; font-weight: 500;

View File

@ -151,7 +151,7 @@ figcaption {
text-align: center; text-align: center;
font-size: calc(var(--image-size) * 0.6); font-size: calc(var(--image-size) * 0.6);
line-height: 0; line-height: 0;
font-weight: 900; font-weight: 800;
transform: scaleX(110%); transform: scaleX(110%);
} }