Add Montserrat font, add wider tracking

This commit is contained in:
Oliver Davies 2018-10-05 08:33:46 +01:00
parent 321f859696
commit 2ee4c105d9
3 changed files with 6 additions and 3 deletions

View file

@ -5,6 +5,7 @@
<title>{{ site.title }}</title>
<link href="/dist/css/app.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900" rel="stylesheet">
</head>
<body class="text-black bg-grey-lightest font-sans text-sm sm:text-base">
<div id="app">

View file

@ -2,8 +2,8 @@
<div class="container mx-auto px-4 relative">
<div class="text-center text-4xl relative">
<img src="/images/logo.png" alt="" class="w-16 sm:w-24 mb-3 sm:mb-4">
<p class="uppercase font-bold tracking-wide mb-2 text-2xl sm:text-4xl">Chris Rees Academy</p>
<p class="uppercase font-bold tracking-wide text-3xl sm:text-5xl">Cardiff</p>
<p class="font-montserrat uppercase font-black tracking-wider mb-2 text-2xl sm:text-4xl">Chris Rees Academy</p>
<p class="font-montserrat uppercase font-black tracking-wider text-3xl sm:text-5xl">Cardiff</p>
</div>
<mobile-nav></mobile-nav>

View file

@ -157,7 +157,8 @@ module.exports = {
'Liberation Mono',
'Courier New',
'monospace',
]
],
'montserrat': ['Montserrat', 'serif'],
},
@ -256,6 +257,7 @@ module.exports = {
'tight': '-0.05em',
'normal': '0',
'wide': '0.05em',
'wider': '0.2em',
},