From 233b4866187f42c5606f52d9645ee9a62f554aa0 Mon Sep 17 00:00:00 2001 From: Aman Agrawal Date: Mon, 27 Mar 2023 10:47:59 +0000 Subject: [PATCH] css: Use variable font when using Source Sans 3. This is to overcome the limitations of previous static font, which didn't allow us to use various font widths. --- .../landing-page/why-zulip/slack-unreads.svg | Bin 19462 -> 19558 bytes .../why-zulip/zulip-reply-later.svg | Bin 102899 -> 103031 bytes .../landing-page/why-zulip/zulip-topics.svg | Bin 27193 -> 27349 bytes web/src/bundles/common.ts | 2 +- web/styles/compose.css | 2 +- web/styles/portico/billing.css | 4 ++-- web/styles/portico/markdown.css | 4 ++-- web/styles/portico/portico.css | 4 ++-- web/styles/portico/portico_signin.css | 4 ++-- web/styles/portico/stats.css | 4 ++-- web/styles/search.css | 2 +- web/styles/tooltips.css | 2 +- web/styles/zulip.css | 6 +++--- 13 files changed, 17 insertions(+), 17 deletions(-) diff --git a/static/images/landing-page/why-zulip/slack-unreads.svg b/static/images/landing-page/why-zulip/slack-unreads.svg index a62c9b954517f4eac68c3e3f80d88d5aabc2f87d..c10091d573a47c5a0f812df686e88234505bde13 100644 GIT binary patch delta 378 zcmZph!T4+j;|5DEW`!`f$$>h$AbPW-pdI7n{pMzyZ*d=FM3X6GoLr@zGx<4>;O1@o zap}GbJS&T5j&Gvi`nUFYajFa~pDox(! zz_$5~P#jFz!_9G`hA?GWllLoEZC)nPzzov|G`VcEm24JF1<0zh$&rd8o6jhO!3485 z?^pJPak7E-7BOy?(I^62vH76p8JN_=$#J6MlcV*7HlNb<0}BFWS2Aw?VyFyv4p522 ufhk+TxVhFs1*Qz_(8-b3f}2lTHNhPFaC5vpJ1+q2-ESoT diff --git a/static/images/landing-page/why-zulip/zulip-reply-later.svg b/static/images/landing-page/why-zulip/zulip-reply-later.svg index 2ef81d93bd0092a3c6f2fed60342cb6ab7baa84b..79bae9ff2886d8a5fcd4deef40a7f3259c2a3a2e 100644 GIT binary patch delta 484 zcmeyonC<%#whh`3nH9p^rspy->M@16O)mWTWV6kq?@SniF3%z`1=qghK@psOk(2S^ zn{U5)!HQ-^*5;_sjws5(wypU#14VFi;ZIEzfyu{zze6+X$@CTcjDnl5|21Vq zk+J-L4~1X&Gi&QQ#{DRYw$EZ>)It^c$jq3HYGvWi$J=w*87)vmw*!555k&;(frr~S z@G?%v5SUFAtBW#K!uVqH+{e6=zdaJ&obl))6I}So=747r$lU!ec@W&J z%^7cs+2D$^HdlOhM94m$9P^!T^TTiL2%#sN>wmd2f;8w&{_*=QT<7!6|NlBe#moNR zg^Oox{lK^%BEJ1G6Qd@W33l(}?MkeS9mxCx?2Hx&o3bWnyeXe9z{jYv-GH0%3_{_< z?Lfil2!#(piVUak6=lo=yK8%&5TgS``F3EqXn|GgO^+92ybX8Oi|HFA8F{xSNiZ%i OfeSv~F5kx(!2$q`2z=cD diff --git a/static/images/landing-page/why-zulip/zulip-topics.svg b/static/images/landing-page/why-zulip/zulip-topics.svg index f72841572a7dea95ffbd61bea73a0e3ab3e1672d..db09e16aae3dc9ca822091501bce5f3ea9b41c71 100644 GIT binary patch delta 634 zcmdmah4JcD#tlIt%nD&{lMkxsf@w#ytj#Y)n3<3TH%p3hF(M002CABzU|2O-Qc7^M ztE3o;YMA8a9GUOfbww%&Zf=!-jZLz4vX2(u=1EHW*o-XSd|vekc3nN1e4Dpw7-Q8n z`MhfPWMeI%&69QHu_?jgyxdqZj0EY5H5J-?J0K6mNT93A z87IFD{f(w0Yjb@#8;aSRH$|FZ`m#Pc21Rf)M{Ed+0MJ8On?J{)nl)K1@dLVr;6%Zb UBDmQi`7nkFK*`F@+-Z6&0Jc=i&j0`b delta 379 zcmcb5m2u}4#tlItlP4b`lMyQVWU{uD;O1~iF^~*M*^|kc zq9U7T$UH`#-R z?1stynEX>;X!0)&uFZP-*I|OsH_IEDvw#g$bbYir+nfW;*{ta5#<=;7%@>GCimp#L z|8V#Qwiqa71=H|!@;!65$>+U=Hg|hzvw}>4Xw(mEfH)Fp=HzVisgonaenTCdHQ78$ zbh3j|>f}2Kf}3k1szEN%+pHaB3UgA{=D*P~5YgV)V1#IGJR3OpCT~xC4>jz`=Do>R RU@9I@?oJonydzDP1px4unX>=@ diff --git a/web/src/bundles/common.ts b/web/src/bundles/common.ts index 9381283f99..2d3cfcad9f 100644 --- a/web/src/bundles/common.ts +++ b/web/src/bundles/common.ts @@ -10,7 +10,7 @@ import "../../third/bootstrap/css/bootstrap-btn.css"; import "simplebar/dist/simplebar.css"; import "font-awesome/css/font-awesome.css"; import "../../images/icons/zulip-icons.font"; -import "source-sans/source-sans-3.css"; +import "source-sans/source-sans-3VF.css"; import "source-code-pro/source-code-pro.css"; import "../../styles/alerts.css"; import "../../styles/modal.css"; diff --git a/web/styles/compose.css b/web/styles/compose.css index c6848f475a..2e69161b5d 100644 --- a/web/styles/compose.css +++ b/web/styles/compose.css @@ -745,7 +745,7 @@ input.recipient_box { .compose_draft_button { font-size: 15px; font-weight: 600; - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; padding: 0 5px; position: relative; top: 0.7px; diff --git a/web/styles/portico/billing.css b/web/styles/portico/billing.css index b6e6b85cba..1357bce0e5 100644 --- a/web/styles/portico/billing.css +++ b/web/styles/portico/billing.css @@ -3,7 +3,7 @@ } .billing-upgrade-page { - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; background-color: hsl(0deg 0% 98%); height: 100vh; @@ -151,7 +151,7 @@ & span { background: 0; box-shadow: none; - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; line-height: 20px; } } diff --git a/web/styles/portico/markdown.css b/web/styles/portico/markdown.css index 083f037954..503b322ddc 100644 --- a/web/styles/portico/markdown.css +++ b/web/styles/portico/markdown.css @@ -287,14 +287,14 @@ .tip::before { display: inline; content: "\f0eb Tip: "; - font-family: FontAwesome, "Source Sans 3", sans-serif; + font-family: FontAwesome, "Source Sans 3 VF", sans-serif; font-weight: 600; } .keyboard_tip::before { display: inline; content: "\f11c Keyboard shortcut: "; - font-family: FontAwesome, "Source Sans 3", sans-serif; + font-family: FontAwesome, "Source Sans 3 VF", sans-serif; font-weight: 600; } diff --git a/web/styles/portico/portico.css b/web/styles/portico/portico.css index 6600a75d6d..d1e758e183 100644 --- a/web/styles/portico/portico.css +++ b/web/styles/portico/portico.css @@ -4,7 +4,7 @@ body { background-color: hsl(0deg 0% 98%); - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; line-height: 150%; height: 100%; font-weight: 300; @@ -985,7 +985,7 @@ input.new-organization-button { min-height: calc(100vh - 290px); height: 100%; background-color: hsl(163deg 42% 85%); - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; } .error_page .container { diff --git a/web/styles/portico/portico_signin.css b/web/styles/portico/portico_signin.css index 22a7e58c41..f970e42792 100644 --- a/web/styles/portico/portico_signin.css +++ b/web/styles/portico/portico_signin.css @@ -406,7 +406,7 @@ html { vertical-align: top; padding: 13px 22px; - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; font-size: 1.2rem; font-weight: 400; @@ -517,7 +517,7 @@ html { padding: 10px 32px 10px 12px; margin: 25px 0 5px; - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; font-size: 1.2rem; line-height: normal; height: auto; diff --git a/web/styles/portico/stats.css b/web/styles/portico/stats.css index 1dc42d5fa6..aac5572c73 100644 --- a/web/styles/portico/stats.css +++ b/web/styles/portico/stats.css @@ -1,5 +1,5 @@ body { - font-family: "Source Sans 3", sans-serif !important; + font-family: "Source Sans 3 VF", sans-serif !important; background-color: hsl(0deg 0% 98%); } @@ -109,7 +109,7 @@ p { } .button { - font-family: "Source Sans 3", sans-serif !important; + font-family: "Source Sans 3 VF", sans-serif !important; border: none; border-radius: 4px; outline: none; diff --git a/web/styles/search.css b/web/styles/search.css index c1a8651e77..267b397a19 100644 --- a/web/styles/search.css +++ b/web/styles/search.css @@ -70,7 +70,7 @@ padding-right: 40px; border: none; border-radius: 0; - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; font-weight: 300; line-height: var(--header-height); text-overflow: ellipsis; diff --git a/web/styles/tooltips.css b/web/styles/tooltips.css index c1f753ff22..71bd5004de 100644 --- a/web/styles/tooltips.css +++ b/web/styles/tooltips.css @@ -3,7 +3,7 @@ * which have different font-family, we force font-family * for tooltips here. */ - font-family: "Source Sans 3", sans-serif !important; + font-family: "Source Sans 3 VF", sans-serif !important; overflow-wrap: anywhere; /* Contains stylistic variant of upper-case character "I" in Source Sans 3 */ font-feature-settings: "ss01" on; diff --git a/web/styles/zulip.css b/web/styles/zulip.css index 7ff62ed89e..83c73b07f8 100644 --- a/web/styles/zulip.css +++ b/web/styles/zulip.css @@ -24,7 +24,7 @@ body { width: 100%; font-size: 14px; line-height: calc(20 / 14); - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; color: var(--color-text-default); background-color: var(--color-background); transition: background-color 200ms linear; @@ -236,7 +236,7 @@ input, button, select, textarea { - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; /* Disable bootstrap size CSS; we want to use our default font size on body for input elements. */ line-height: normal; @@ -720,7 +720,7 @@ body.has-overlay-scrollbar { textarea, input { - font-family: "Source Sans 3", sans-serif; + font-family: "Source Sans 3 VF", sans-serif; } /* Override Bootstrap's fixed sizes for various elements */