Skip to content

Commit 854291b

Browse files
Switch font to Frutiger (#61)
1 parent a6e6011 commit 854291b

File tree

2 files changed

+47
-1
lines changed

2 files changed

+47
-1
lines changed

app/sass/_settings.scss

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,4 +37,26 @@ $govuk-link-active-colour: $color_nhsuk-dark-blue;
3737
$govuk-border-width: 4px;
3838
$govuk-border-width-wide: 8px;
3939

40-
$govuk-font-family: system-ui, sans-serif;
40+
@font-face {
41+
font-display: swap;
42+
font-family: "Frutiger W01";
43+
font-style: normal;
44+
font-weight: 400;
45+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix");
46+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
47+
}
48+
@font-face {
49+
font-display: swap;
50+
font-family: "Frutiger W01";
51+
font-style: normal;
52+
font-weight: 600;
53+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix");
54+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg");
55+
}
56+
57+
$govuk-font-family: Frutiger W01, arial, sans-serif;
58+
59+
// Line height copied from NHS Frontend
60+
.govuk-body {
61+
line-height: 1.47368;
62+
}

app/styles/application.scss

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,32 @@
11
---
22
eleventyExcludeFromCollections: true
33
---
4+
5+
@font-face {
6+
font-display: swap;
7+
font-family: "Frutiger W01";
8+
font-style: normal;
9+
font-weight: 400;
10+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix");
11+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
12+
}
13+
@font-face {
14+
font-display: swap;
15+
font-family: "Frutiger W01";
16+
font-style: normal;
17+
font-weight: 600;
18+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix");
19+
src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg");
20+
}
21+
22+
$govuk-font-family: Frutiger W01, arial, sans-serif;
23+
424
@import "govuk-frontend/dist/govuk/base";
525
@import "../_components/all";
626
@import "./overrides";
727
@import "./typography";
828

29+
// Line height copied from NHS Frontend
30+
.govuk-body {
31+
line-height: 1.47368;
32+
}

0 commit comments

Comments
 (0)