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 @@ ...@@ -62,47 +62,43 @@
****************************************************************************/ ****************************************************************************/
@font-face { @font-face {
font-family:"Avenir Next"; font-family: 'Museo Sans';
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"); src: url('../fonts/MuseoSans_300-webfont.woff2') format('woff2'),
font-style: normal; url('../fonts/MuseoSans_300-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal;
} }
@font-face { @font-face {
font-family:"Avenir Next"; font-family: 'Museo Sans';
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"); src: url('../fonts/MuseoSans_300_Italic-webfont.woff2') format('woff2'),
font-style: italic; url('../fonts/MuseoSans_300_Italic-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: italic;
} }
@font-face { @font-face {
font-family:"Avenir Next"; font-family: 'Museo Sans';
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"); src: url('../fonts/MuseoSans_700-webfont.woff2') format('woff2'),
font-style: normal; url('../fonts/MuseoSans_700-webfont.woff') format('woff');
font-weight: bold; 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-style: normal;
font-weight: bold;
} }
@font-face { @font-face {
font-family:"Avenir Next Medium"; font-family: 'Museo Sans';
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"); src: url('../fonts/MuseoSans_700_Italic-webfont.woff2') format('woff2'),
font-style: normal; url('../fonts/MuseoSans_700_Italic-webfont.woff') format('woff');
font-weight: 500; font-weight: bold;
font-style: italic;
} }
/* Avenir Next Ultra Light */
@font-face { @font-face {
font-family:"Avenir Next Ultra Light"; font-family: 'Museo Sans 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"); src: url('../fonts/MuseoSans_100_Italic-webfont.woff2') format('woff2'),
font-style: normal; url('../fonts/MuseoSans_100_Italic-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal;
} }
@font-face { @font-face {
...@@ -223,7 +219,7 @@ body { ...@@ -223,7 +219,7 @@ body {
background-color: #fff; background-color: #fff;
/* ↓ dark grey – crest blue in greyscale */ /* ↓ dark grey – crest blue in greyscale */
color: #303030; color: #303030;
font-family: "Avenir Next", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
/* ↓ /* ↓
...@@ -261,8 +257,7 @@ h1, h2, h3, h4 { ...@@ -261,8 +257,7 @@ h1, h2, h3, h4 {
h1 { h1 {
font-size: 2em; font-size: 2em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-weight: bold;
font-weight: 500;
/* ↓ as h1s are always at the top of the page */ /* ↓ as h1s are always at the top of the page */
margin-top: 1em; margin-top: 1em;
text-align: center; text-align: center;
...@@ -270,8 +265,7 @@ h1 { ...@@ -270,8 +265,7 @@ h1 {
h2 { h2 {
font-size: 1.75em; font-size: 1.75em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-weight: bold;
font-weight: 500;
text-align: center; text-align: center;
} }
...@@ -284,8 +278,7 @@ h1 + h2 { ...@@ -284,8 +278,7 @@ h1 + h2 {
h3 { h3 {
font-size: 1.5em; font-size: 1.5em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-weight: bold;
font-weight: 500;
text-align: center; text-align: center;
} }
...@@ -298,8 +291,7 @@ h2 + h3 { ...@@ -298,8 +291,7 @@ h2 + h3 {
h4 { h4 {
font-size: 1.25em; font-size: 1.25em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-weight: bold;
font-weight: 500;
} }
ul, ol { ul, ol {
...@@ -327,8 +319,7 @@ p { ...@@ -327,8 +319,7 @@ p {
} }
strong { strong {
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-weight: bold;
font-weight: 500;
} }
table { table {
...@@ -358,7 +349,7 @@ table th, table td { ...@@ -358,7 +349,7 @@ table th, table td {
table th { table th {
font-size: 1em; font-size: 1em;
font-family: "Avenir Next Demi Bold", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
/* ↓ Wrap titles so they don’t break the layout */ /* ↓ Wrap titles so they don’t break the layout */
...@@ -459,8 +450,7 @@ body.tracker h1, body.site h1 { ...@@ -459,8 +450,7 @@ body.tracker h1, body.site h1 {
body.tracker h1 strong, body.site h1 strong { body.tracker h1 strong, body.site h1 strong {
display: block; display: block;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-weight: bold;
font-weight: 500;
font-size: 2em; font-size: 2em;
margin-top: 0.5em; margin-top: 0.5em;
text-align: center; text-align: center;
...@@ -594,8 +584,9 @@ table td .units { ...@@ -594,8 +584,9 @@ table td .units {
} }
.badge-title { .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-size: 1.2em;
font-weight: bold;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
text-transform: uppercase; text-transform: uppercase;
...@@ -665,7 +656,7 @@ table td .units { ...@@ -665,7 +656,7 @@ table td .units {
-webkit-flex: 0 0 auto; -webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
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-size: 5.2em;
font-weight: normal; font-weight: normal;
/* ↓ tighten kerning on the number */ /* ↓ tighten kerning on the number */
...@@ -843,8 +834,9 @@ table tbody td:nth-of-type(3) { ...@@ -843,8 +834,9 @@ table tbody td:nth-of-type(3) {
} }
.blog-post-link { .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-size: 1.05em;
font-weight: bold;
margin-top: 0.75em; margin-top: 0.75em;
text-align: center; text-align: center;
} }
...@@ -895,7 +887,7 @@ code .value { ...@@ -895,7 +887,7 @@ code .value {
} }
.calculation .final-calculation { .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-weight: bold;
font-size: 1em; font-size: 1em;
} }
...@@ -905,7 +897,7 @@ code .value { ...@@ -905,7 +897,7 @@ code .value {
/* ↓ black */ /* ↓ black */
color: #000; color: #000;
display: inline-block; display: inline-block;
font-family: "Avenir Next Demi Bold", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold; font-weight: bold;
} }
...@@ -1124,8 +1116,7 @@ ul.sites { ...@@ -1124,8 +1116,7 @@ ul.sites {
} }
.statistics .amount { .statistics .amount {
/* ↓ as font-weight: 600 isn't supported consistently cross-browser */ font-weight: bold;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, Arial, sans-serif;
} }
#after-better p, #after-better p,
...@@ -1383,7 +1374,7 @@ a[href="#references"], a[href="#after-better"] { ...@@ -1383,7 +1374,7 @@ a[href="#references"], a[href="#after-better"] {
font-size: 1em; font-size: 1em;
height: 2.05em; height: 2.05em;
line-height: 1em; line-height: 1em;
font-family: "Avenir Next Demi Bold", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: bold; font-weight: bold;
/* ↓ space between bubble and text */ /* ↓ space between bubble and text */
margin-right: 1.2em; margin-right: 1.2em;
...@@ -1508,8 +1499,7 @@ a[href="#references"], a[href="#after-better"] { ...@@ -1508,8 +1499,7 @@ a[href="#references"], a[href="#after-better"] {
#back-issues ul li a strong { #back-issues ul li a strong {
display: block; display: block;
font-size: 1.25em; font-size: 1.25em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-weight: bold;
font-weight: 500;
} }
/* /*
......
...@@ -269,8 +269,8 @@ small { ...@@ -269,8 +269,8 @@ small {
.site-footer .view-source { .site-footer .view-source {
display: block; display: block;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: 500; font-weight: bold;
font-size: 1.15em; font-size: 1.15em;
margin-top: 0.5em; margin-top: 0.5em;
} }
...@@ -366,7 +366,7 @@ body.home main { ...@@ -366,7 +366,7 @@ body.home main {
} }
.home-wrap h1 { .home-wrap h1 {
font-family: "Avenir Next", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-size: 5em; font-size: 5em;
font-weight: normal; font-weight: normal;
margin-top: 0.35em; margin-top: 0.35em;
...@@ -480,8 +480,8 @@ main .download-on-the-app-store img, .team-photo { ...@@ -480,8 +480,8 @@ main .download-on-the-app-store img, .team-photo {
} }
.thankyou { .thankyou {
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: 500; font-weight: bold;
margin-top: 1.75em; margin-top: 1.75em;
margin-bottom: 0; margin-bottom: 0;
text-align: center; text-align: center;
...@@ -501,7 +501,7 @@ main .download-on-the-app-store img, .team-photo { ...@@ -501,7 +501,7 @@ main .download-on-the-app-store img, .team-photo {
/* ↓ dark grey – crest blue in greyscale */ /* ↓ dark grey – crest blue in greyscale */
color: #303030; color: #303030;
display: block; display: block;
font-family: "Cavorting", "Avenir Next", Avenir, Helvetica, sans-serif; font-family: "Cavorting", 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-size: 1.35em; font-size: 1.35em;
margin-top: 1.5em; margin-top: 1.5em;
margin-right: auto; margin-right: auto;
...@@ -680,8 +680,8 @@ body.support main a { ...@@ -680,8 +680,8 @@ body.support main a {
*/ */
.home .review { .home .review {
font-size: 1.6em; font-size: 1.6em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif; font-family: 'Museo Sans', 'Helvetica', Arial, sans-serif;
font-weight: 500; font-weight: bold;
margin-top: 0.25em; margin-top: 0.25em;
margin-left: auto; margin-left: auto;
margin-bottom: 1.25em; 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