Commit 0c93e632 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Replace Avenir with Museo Sans by switching out font families

parent 8733590b
......@@ -62,47 +62,43 @@
****************************************************************************/
@font-face {
font-family:"Avenir Next";
src:url("../fonts/avenir-next-regular/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("../fonts/avenir-next-regular/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff");
font-style: normal;
font-family: 'Museo Sans';
src: url('../fonts/MuseoSans_300-webfont.woff2') format('woff2'),
url('../fonts/MuseoSans_300-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:"Avenir Next";
src:url("../fonts/avenir-next-regular-italic/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"),url("../fonts/avenir-next-regular-italic/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff");
font-style: italic;
font-family: 'Museo Sans';
src: url('../fonts/MuseoSans_300_Italic-webfont.woff2') format('woff2'),
url('../fonts/MuseoSans_300_Italic-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family:"Avenir Next";
src:url("../fonts/avenir-next-demi-bold/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../fonts/avenir-next-demi-bold/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff");
font-style: normal;
font-family: 'Museo Sans';
src: url('../fonts/MuseoSans_700-webfont.woff2') format('woff2'),
url('../fonts/MuseoSans_700-webfont.woff') format('woff');
font-weight: bold;
}
/* Fallback because Mac app doesn’t style font-weight: bold; correctly as per above */
@font-face {
font-family:"Avenir Next Demi Bold";
src:url("../fonts/avenir-next-demi-bold/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../fonts/avenir-next-demi-bold/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff");
font-style: normal;
font-weight: bold;
}
@font-face {
font-family:"Avenir Next Medium";
src:url("../fonts/avenir-next-medium/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2") format("woff2"),url("../fonts/avenir-next-medium/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff");
font-style: normal;
font-weight: 500;
font-family: 'Museo Sans';
src: url('../fonts/MuseoSans_700_Italic-webfont.woff2') format('woff2'),
url('../fonts/MuseoSans_700_Italic-webfont.woff') format('woff');
font-weight: bold;
font-style: italic;
}
/* Avenir Next Ultra Light */
@font-face {
font-family:"Avenir Next Ultra Light";
src:url("../fonts/avenir-next-ultra-light/2e3f5cb9-101f-46cf-a7b3-dfaa58261e03.woff2") format("woff2"),url("../fonts/avenir-next-ultra-light/fa19948e-5e38-4909-b31e-41acd170d6f2.woff") format("woff");
font-style: normal;
font-family: 'Museo Sans Light';
src: url('../fonts/MuseoSans_100_Italic-webfont.woff2') format('woff2'),
url('../fonts/MuseoSans_100_Italic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
......@@ -223,7 +219,7 @@ body {
background-color: #fff;
/* ↓ dark grey – crest blue in greyscale */
color: #303030;
font-family: "Avenir Next", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
margin: 0;
padding: 0;
/* ↓
......@@ -261,8 +257,7 @@ h1, h2, h3, h4 {
h1 {
font-size: 2em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-weight: bold;
/* ↓ as h1s are always at the top of the page */
margin-top: 1em;
text-align: center;
......@@ -270,8 +265,7 @@ h1 {
h2 {
font-size: 1.75em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-weight: bold;
text-align: center;
}
......@@ -284,8 +278,7 @@ h1 + h2 {
h3 {
font-size: 1.5em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-weight: bold;
text-align: center;
}
......@@ -298,8 +291,7 @@ h2 + h3 {
h4 {
font-size: 1.25em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-weight: bold;
}
ul, ol {
......@@ -327,8 +319,7 @@ p {
}
strong {
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-weight: bold;
}
table {
......@@ -358,7 +349,7 @@ table th, table td {
table th {
font-size: 1em;
font-family: "Avenir Next Demi Bold", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold;
text-align: left;
/* ↓ Wrap titles so they don’t break the layout */
......@@ -459,8 +450,7 @@ body.tracker h1, body.site h1 {
body.tracker h1 strong, body.site h1 strong {
display: block;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-weight: bold;
font-size: 2em;
margin-top: 0.5em;
text-align: center;
......@@ -594,8 +584,9 @@ table td .units {
}
.badge-title {
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
......@@ -665,7 +656,7 @@ table td .units {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: "Avenir Next Ultra Light", "Avenir Next", Avenir, Helvetica, Arial, sans-serif;
font-family: 'Museo Sans Light', 'Helvetica', Arial, sans-serif;
font-size: 5.2em;
font-weight: normal;
/* ↓ tighten kerning on the number */
......@@ -843,8 +834,9 @@ table tbody td:nth-of-type(3) {
}
.blog-post-link {
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-size: 1.05em;
font-weight: bold;
margin-top: 0.75em;
text-align: center;
}
......@@ -895,7 +887,7 @@ code .value {
}
.calculation .final-calculation {
font-family: "Avenir Next Demi Bold", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold;
font-size: 1em;
}
......@@ -905,7 +897,7 @@ code .value {
/* ↓ black */
color: #000;
display: inline-block;
font-family: "Avenir Next Demi Bold", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold;
}
......@@ -1124,8 +1116,7 @@ ul.sites {
}
.statistics .amount {
/* ↓ as font-weight: 600 isn't supported consistently cross-browser */
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, Arial, sans-serif;
font-weight: bold;
}
#after-better p,
......@@ -1383,7 +1374,7 @@ a[href="#references"], a[href="#after-better"] {
font-size: 1em;
height: 2.05em;
line-height: 1em;
font-family: "Avenir Next Demi Bold", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold;
/* ↓ space between bubble and text */
margin-right: 1.2em;
......@@ -1508,8 +1499,7 @@ a[href="#references"], a[href="#after-better"] {
#back-issues ul li a strong {
display: block;
font-size: 1.25em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-weight: bold;
}
/*
......
......@@ -269,8 +269,8 @@ small {
.site-footer .view-source {
display: block;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold;
font-size: 1.15em;
margin-top: 0.5em;
}
......@@ -366,7 +366,7 @@ body.home main {
}
.home-wrap h1 {
font-family: "Avenir Next", Avenir, Helvetica, sans-serif;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-size: 5em;
font-weight: normal;
margin-top: 0.35em;
......@@ -480,8 +480,8 @@ main .download-on-the-app-store img, .team-photo {
}
.thankyou {
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold;
margin-top: 1.75em;
margin-bottom: 0;
text-align: center;
......@@ -501,7 +501,7 @@ main .download-on-the-app-store img, .team-photo {
/* ↓ dark grey – crest blue in greyscale */
color: #303030;
display: block;
font-family: "Cavorting", "Avenir Next", Avenir, Helvetica, sans-serif;
font-family: "Cavorting", 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-size: 1.35em;
margin-top: 1.5em;
margin-right: auto;
......@@ -680,8 +680,8 @@ body.support main a {
*/
.home .review {
font-size: 1.6em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold;
margin-top: 0.25em;
margin-left: auto;
margin-bottom: 1.25em;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment