From 2817e1c6a5d7a815e2185eb863c2b6ebfbdc7439 Mon Sep 17 00:00:00 2001 From: Rob Date: Tue, 7 Jan 2020 18:34:37 -0800 Subject: [PATCH] Update font stacks to use Open Sans for the body and Montserrat for headings only. Further darken text color for WCAG AAA conformance. Font changes were prompted by complaints that Montserrat was a bad choice for body text. --- sscaffold.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/sscaffold.css b/sscaffold.css index 479a93b..2041744 100644 --- a/sscaffold.css +++ b/sscaffold.css @@ -855,7 +855,7 @@ html { body { - font-family: "Montserrat", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; + font-family: "Montserrat", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 300; line-height: 1.6; @@ -894,7 +894,7 @@ h3, h4, h5, h6 { - font-family: "Montserrat", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; + font-family: "Open Sans", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-weight: 500; } @@ -1178,7 +1178,7 @@ fieldset { */ body { - color: #767676; + color: #595959; } @@ -1189,7 +1189,7 @@ a { a:focus, a:hover { - color: #767676; + color: #595959; } @@ -1264,8 +1264,8 @@ button:hover, [type="submit"]:hover { outline: 0; background-color: transparent; - border-color: #767676; - color: #767676; + border-color: #595959; + color: #595959; } @@ -1324,8 +1324,8 @@ button.default:hover, [type="reset"].default:hover, [type="submit"]:focus, [type="submit"]:hover { - background-color: #767676; - border-color: #767676; + background-color: #595959; + border-color: #595959; color: #fff; }