[ux] add typography.com fonts

This commit is contained in:
karolinaszczur 2013-09-19 13:29:42 +02:00
parent 12e8773298
commit 7efe9d2417
8 changed files with 13 additions and 7 deletions

View File

@ -22,7 +22,7 @@ exports.body = function anonymous(locals) {
exports.head = function anonymous(locals) {
var buf = [];
with (locals || {}) {
buf.push('<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/><meta name="apple-mobile-web-app-capable" content="yes"/>');
buf.push('<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/><meta name="apple-mobile-web-app-capable" content="yes"/><link rel="stylesheet" type="text/css" href="//cloud.typography.com/7773252/657662/css/fonts.css"/>');
}
return buf.join("");
};

View File

@ -1,2 +1,3 @@
meta(name="viewport", content="width=device-width,initial-scale=1.0,maximum-scale=1.0")
meta(name="apple-mobile-web-app-capable", content="yes")
link(rel="stylesheet", type="text/css", href="//cloud.typography.com/7773252/657662/css/fonts.css")

View File

@ -1,7 +1,8 @@
@import _variables
helv()
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif
gotham()
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif
font-style: normal
shadow($color, $x, $y, $blur)
-webkit-box-shadow: $color $x $y $blur

View File

@ -16,5 +16,5 @@ $grayOutline = #e4e4e4
$fontLarge = 20px
$fontMedium = 14px
$fontSmall = 12px
$fontSmall = 12px

View File

@ -37,6 +37,7 @@ label
button, a.button
display: inline-block
gotham()
roundall(3px)
border: none
height: 35px

View File

@ -4,7 +4,7 @@
body
background: #ecf0f2
color: $baseText
font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif
gotham()
font-size: 16px
font-weight: 400
-webkit-font-smoothing: antialiased

View File

@ -659,7 +659,8 @@ td {
body {
background: #ecf0f2;
color: #565656;
font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
@ -788,6 +789,8 @@ label {
button,
a.button {
display: inline-block;
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
font-style: normal;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;

View File

@ -4,7 +4,7 @@ html
title OTalk
meta(name="viewport", content="width=device-width, initial-scale=1, user-scalable=no")
link(rel="stylesheet", type="text/css", href="//cloud.typography.com/7773252/657662/css/fonts.css")
link(rel="stylesheet", href="/css/otalk.css")
block head
body.aux