switch to Open Sans, juggling font-size appropriately (as Open Sans is physically larger for the same point size as Myriad Pro, irritatingly), and fix some really weird baseline CSS bugs in read receipts that were introduced. Hopefully this doesn't re-introduce the intermittent baseline offset bug for the initials on Chrome & FF

This commit is contained in:
Matthew Hodgson
2015-11-30 17:17:09 +00:00
parent 4409f07c2e
commit 2345624d31
20 changed files with 54 additions and 51 deletions

View File

@@ -22,13 +22,13 @@ html {
}
body {
/* Myriad Pro lacks combining diacritics, so these will fall through
/* Open Sans lacks combining diacritics, so these will fall through
to the next font. Helevetica's diacritics however do not combine
nicely with Myriad Pro (on OSX, at least) and result in a huge
nicely with Open Sans (on OSX, at least) and result in a huge
horizontal mess. Arial empirically gets it right, hence prioritising
Arial here. */
font-family: 'Myriad Pro', Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
font-size: 15px;
color: #454545;
border: 0px;
margin: 0px;
@@ -41,7 +41,7 @@ div.error {
h2 {
color: #454545;
font-weight: 400;
font-size: 20px;
font-size: 18px;
margin-top: 16px;
margin-bottom: 16px;
}
@@ -129,7 +129,7 @@ a:visited {
text-align: center;
z-index: 4010;
font-weight: 300;
font-size: 16px;
font-size: 15px;
position: relative;
border-radius: 8px;
max-width: 80%;
@@ -172,7 +172,7 @@ a:visited {
height: 36px;
border-radius: 36px;
font-weight: 400;
font-size: 16px;
font-size: 15px;
color: #fff;
background-color: #76cfa6;
margin-left: 8px;
@@ -187,6 +187,6 @@ a:visited {
padding: 12px;
border-bottom: 1px solid #a4a4a4;
font-weight: bold;
font-size: 20px;
font-size: 18px;
line-height: 1.4;
}