Merge ~petermakowski/launchpad:update-ubuntu-font into launchpad:master

[Peter Makowski]

update Ubuntu Mono variable font
- add Ubuntu variable font

This updates launchpad to use the latest official Ubuntu web fonts and follows vanilla framework implementation.

https://github.com/canonical/vanilla-framework/blob/0fea7c49ee123526ee5d8f234b0529441a41364e/scss/_base_fontfaces.scss

More about Ubuntu font: https://vanillaframework.io/docs/base/typography

---

# Screenshots

## Description

### Before
https://share.cleanshot.com/N96WczXK

### After
https://share.cleanshot.com/fNq109dK

## Preview Diff

### Before
https://share.cleanshot.com/w0fxyPch

### After
https://share.cleanshot.com/V3rqHV4m

[Guruprasad (lgp171188)]

Hi Peter, thank you for making a contribution to Launchpad. Can you explain the reasoning behind this change and provide screenshots illustrating the difference, if any? I am not able to understand by just looking at the diff below.

review: Needs Information

[Peter Makowski (petermakowski)]

> Hi Peter, thank you for making a contribution to Launchpad. Can you explain
> the reasoning behind this change and provide screenshots illustrating the
> difference, if any? I am not able to understand by just looking at the diff
> below.

I added more information to the description, please have a look. Thanks!

[Guruprasad (lgp171188)]

LGTM 👍

review: Approve

[Guruprasad (lgp171188)]

I will land this after doing some testing locally and on dogfood.

[Simone Pelosi (pelpsi)]

LGTM!

review: Approve

diff --git a/lib/canonical/launchpad/icing/css/base.scss b/lib/canonical/launchpad/icing/css/base.scss
index 970fce5..f86bbf0 100644
--- a/lib/canonical/launchpad/icing/css/base.scss
+++ b/lib/canonical/launchpad/icing/css/base.scss
@@ -2,7 +2,7 @@
 
 body {
     /* line-height is the same as the sprite height. */
-    font-family: Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma,
+    font-family: "Ubuntu variable", Ubuntu, 'Bitstream Vera Sans', 'DejaVu Sans', Tahoma,
                  sans-serif;
     font-size: 0.8rem;
     line-height: 1.2rem;
diff --git a/lib/canonical/launchpad/icing/fonts/90b59210-Ubuntu-Italic[wdth,wght]-latin-v0.896a.woff2 b/lib/canonical/launchpad/icing/fonts/90b59210-Ubuntu-Italic[wdth,wght]-latin-v0.896a.woff2
new file mode 100644
index 0000000..99b4ad1
Binary files /dev/null and b/lib/canonical/launchpad/icing/fonts/90b59210-Ubuntu-Italic[wdth,wght]-latin-v0.896a.woff2 differ
diff --git a/lib/canonical/launchpad/icing/fonts/Ubuntu-Bold.woff b/lib/canonical/launchpad/icing/fonts/Ubuntu-Bold.woff
deleted file mode 100644
index e0f87a2..0000000
Binary files a/lib/canonical/launchpad/icing/fonts/Ubuntu-Bold.woff and /dev/null differ
diff --git a/lib/canonical/launchpad/icing/fonts/Ubuntu-BoldItalic.woff b/lib/canonical/launchpad/icing/fonts/Ubuntu-BoldItalic.woff
deleted file mode 100644
index 5c5c886..0000000
Binary files a/lib/canonical/launchpad/icing/fonts/Ubuntu-BoldItalic.woff and /dev/null differ
diff --git a/lib/canonical/launchpad/icing/fonts/Ubuntu-Italic.woff b/lib/canonical/launchpad/icing/fonts/Ubuntu-Italic.woff
deleted file mode 100644
index 750f431..0000000
Binary files a/lib/canonical/launchpad/icing/fonts/Ubuntu-Italic.woff and /dev/null differ
diff --git a/lib/canonical/launchpad/icing/fonts/Ubuntu.woff b/lib/canonical/launchpad/icing/fonts/Ubuntu.woff
deleted file mode 100644
index 4c8f53c..0000000
Binary files a/lib/canonical/launchpad/icing/fonts/Ubuntu.woff and /dev/null differ
diff --git a/lib/canonical/launchpad/icing/fonts/UbuntuMonoBeta0.865[wght]-latin.woff2 b/lib/canonical/launchpad/icing/fonts/UbuntuMonoBeta0.865[wght]-latin.woff2
deleted file mode 100644
index d6e1947..0000000
Binary files a/lib/canonical/launchpad/icing/fonts/UbuntuMonoBeta0.865[wght]-latin.woff2 and /dev/null differ
diff --git a/lib/canonical/launchpad/icing/fonts/d5fc1819-UbuntuMono[wght]-latin-v0.869.woff2 b/lib/canonical/launchpad/icing/fonts/d5fc1819-UbuntuMono[wght]-latin-v0.869.woff2
new file mode 100644
index 0000000..6509608
Binary files /dev/null and b/lib/canonical/launchpad/icing/fonts/d5fc1819-UbuntuMono[wght]-latin-v0.869.woff2 differ
diff --git a/lib/canonical/launchpad/icing/fonts/f1ea362b-Ubuntu[wdth,wght]-latin-v0.896a.woff2 b/lib/canonical/launchpad/icing/fonts/f1ea362b-Ubuntu[wdth,wght]-latin-v0.896a.woff2
new file mode 100644
index 0000000..b8f5de0
Binary files /dev/null and b/lib/canonical/launchpad/icing/fonts/f1ea362b-Ubuntu[wdth,wght]-latin-v0.896a.woff2 differ
diff --git a/lib/canonical/launchpad/icing/ubuntu-webfonts.css b/lib/canonical/launchpad/icing/ubuntu-webfonts.css
index 980c072..6dca761 100644
--- a/lib/canonical/launchpad/icing/ubuntu-webfonts.css
+++ b/lib/canonical/launchpad/icing/ubuntu-webfonts.css
@@ -5,32 +5,22 @@
  * But served from launchpad.net for performance and security reasons.
  */
 @font-face {
-  font-family: 'Ubuntu';
-  font-style: italic;
-  font-weight: normal;
-  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('fonts/Ubuntu-Italic.woff') format('woff');
-}
-@font-face {
-  font-family: 'Ubuntu';
+  font-family: 'Ubuntu variable';
+  font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
   font-style: normal;
-  font-weight: bold;
-  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('fonts/Ubuntu-Bold.woff') format('woff');
+  font-weight: 100 800; /*  min and max value for the weight axis */
+  src: url('fonts/f1ea362b-Ubuntu%5Bwdth,wght%5D-latin-v0.896a.woff2') format('woff2-variations');
 }
 @font-face {
-  font-family: 'Ubuntu';
+  font-family: 'Ubuntu variable';
+  font-stretch: 100%; /*  min and max value for the width axis, expressed as percentage */
   font-style: italic;
-  font-weight: bold;
-  src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url('fonts/Ubuntu-BoldItalic.woff') format('woff');
-}
-@font-face {
-  font-family: 'Ubuntu';
-  font-style: normal;
-  font-weight: normal;
-  src: local('Ubuntu'), url('fonts/Ubuntu.woff') format('woff');
+  font-weight: 100 800; /*  min and max value for the weight axis */
+  src: url('fonts/90b59210-Ubuntu-Italic%5Bwdth,wght%5D-latin-v0.896a.woff2') format('woff2-variations');
 }
 @font-face {
   font-family: 'Ubuntu Mono variable';
   font-style: normal;
   font-weight: 100 800; /*  min and max value for the weight axis */
-  src: url('fonts/UbuntuMonoBeta0.865[wght]-latin.woff2') format('woff2-variations');
+  src: url('fonts/d5fc1819-UbuntuMono%5Bwght%5D-latin-v0.869.woff2') format('woff2-variations');
 }