From c49044e974be6d70318454aaede34e39b3acd81d Mon Sep 17 00:00:00 2001
From: Ou <orongxing@gmail.com>
Date: Sun, 13 Oct 2024 02:09:36 +0800
Subject: [PATCH] feat: set brand font

---
 public/Baloo2-Bold.subset.ttf | Bin 0 -> 2092 bytes
 src/components/header.tsx     |  14 +++++++-------
 src/routes/__root.tsx         |   2 +-
 src/styles/globals.css        |   6 ++++++
 uno.config.ts                 |   7 +++++++
 5 files changed, 21 insertions(+), 8 deletions(-)
 create mode 100644 public/Baloo2-Bold.subset.ttf

diff --git a/public/Baloo2-Bold.subset.ttf b/public/Baloo2-Bold.subset.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b253e4c365c65e72e73de64c2743d5243fb516b3
GIT binary patch
literal 2092
zcmZuyZERCz6h80U+t0OK*WUKdt!qoy^^R>_YrD2M_F1-dqhp)2FeHRgx4Mpfm9{u0
zKl~$+0GjAbFvdj0M2Wv35MvC6_`^iw#~=Np!Ki=GV4^c(Tr})@-g_$>iEne?bDr~_
z^PKa376<@Xu;T!d1A{|Q%QVe8TI-S%<LOdr{w#pji1>qK`aojs%e4)}pCFEnr-R`+
zYjFn#=Mf)EXZka%Yx5%jI)u<Ny_hY4L~i0Z^Uus?O9hk`<o_9^Zgyeysn70y`waj=
zetIRJ%g%WA|N0exijBweXs8NpPGkH4Vqbo-e996f&4@h=FDy@I$!VHF|F04Ai`i2J
zXd-VTzJb`YlwHhuKkYdKp!Q*o%Z24qS$YG)n4i_-DHL;syygNMcOuq;3X;+WJwo$f
z#C1TwblgSlc8#Xd>yI{R{r+e)7K?-(_8P?|itSX?DmFoIQ6YJb<A`45+Zw6;yp|gL
z_Ew)M=<)8htybB2!^_5qYsYTeGgS^=Pp;9{%vjS$RP7RrWaPQ7D^%n5Z+`fNvD)Fk
z<7f*AJ3g+lI+}j62igQ6&?x;*?vvlZ53nM}{r*O;Mk_cRk#H>TaM*ddMt`)UhhlvU
zYoFC@(6-h<7gg&=J6iS%)wW<dy6^PR&cVsx;B2SY_3n)540Z1sj0bB?dXLrB%y*V2
z`;K<I;zxVj9u6qWN!^&U8tMUZ4|2$B;1InUJJ0e*JN(q$TiiEV>g_9~MvHx$!FVhb
zipAE)N<H1B@$nPAy`}Eq#Gd4Eq8|?jfmUgq+#>7HCbP1|?O?Nrgpo=VahW^VD$BEI
zr#Ml}Bj8-gt);pB$E{{(Dl}5(YMB^6aV#|6ZZTB_qJpnkXlQ<7?7~Po6tuhbmiiW}
zU2UjI_6((MVgv6oXe|aCZ?b6&d<rY5m;R!^kh_oo=r>cXyn13gC(2V3Tq+^bL*o@d
zg-9$GXBF9bGbj7vzLT?6o(8?KrNJB3>xEi@*BEy`;ublB#iUnpnp$s7jjz_-rm?zf
z)oQb|%H8A^4OWN1>#D*HdrkTVC-H`lA8{H?yp7*GmCuSsTZ4BXHykhtQ>S|k2A=OO
zPC6#89<tVZs(T(koJrUWCSU!*99uyEJ^TSCxCRCpp`p^ahwwgl9<IYZl98?CdgPs@
zsf$z9U4Mc~zGHCv%~yY5k>6dKy0K~9B)U6XGx}<9_vJ?4f&;ShJ@$BO=w(P!7c|lY
zG?E{oRi(qT!Jd!U{d;(&1Dn>3UAj9D)xg5_z|j}!O;97lIeG{!DMgZ_5GFix+1A+n
z9<;$!W(Y397_2BcxH@X|09j)W<a2r$g$M5|662@BkH?-d@c5GTp)}%iL{T4u94tc#
zRwN0n+mQ60bV<4>y&}EzaNX|{>C9E`1$4&xi;R`iqy8FxicY|cNYN=~xl++pc(Sin
zbPivV+ZA06b#SkuYrsLwijKt^iLat_GS42Yv;eD^bq;1B4`rNV7((zUJce2ZEjg44
z$if18F3Y1Hm_Yw!IF4h}azsCzM43lh5$ElJW|^ss%q8fAApT~NpLv{wC!rmqmSGXC
zgD{UdR?#nqXe&z?c5Xwgq69`Pzzo*a4son61iLXhh0#N(ZI28*@ZGX91~v<Y;~-{Z
zb<QDPLi-lyRzw)KcqY;RztvH89ydmMoxR)t(+CjU_iEhX%E?9_Ga`agSJ`)_8=wo<
zksBBq&47O<_jDNQu+Ku>LbkkwuP^>PVirk`*wT@8X0B8Q^L(zjguKcfCFre}*;xjb
zmz~6r%+U$MC}jrZ`<t<1g`3#p9g+UQkLm1G6SU}1V^X=@l%16dV!Z6sE47EAqf$Go
qIt)I!cAs3kPst{qe#WdcwgSrhd6~lrbY(VQW^{6H6okW@i|t>gq*TBF

literal 0
HcmV?d00001

diff --git a/src/components/header.tsx b/src/components/header.tsx
index cd6d6b5..2924f90 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -67,17 +67,17 @@ export function Header() {
   return (
     <>
       <span className="flex">
-        <Link to="/" className="flex gap-2 text-2xl font-mono font-bold line-height-none">
-          <img src={logo} alt="logo" className="h-12" />
-          <span className="flex flex-col">
-            <span>News</span>
-            <span>
+        <Link to="/" className="flex gap-2 items-center">
+          <img src={logo} alt="logo" className="h-10" />
+          <span className="text-2xl font-brand line-height-none!">
+            <p>News</p>
+            <p className="mt--1">
               <span className="color-red-6">N</span>
               <span>ow</span>
-            </span>
+            </p>
           </span>
         </Link>
-        <a className="btn-pure text-sm ml-1">
+        <a className="btn-pure text-sm ml-1 font-mono">
           {`v${Version}`}
         </a>
       </span>
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 5ac289d..46002ef 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -50,7 +50,7 @@ function RootComponent() {
         >
           <Outlet />
         </main>
-        <footer className="py-6 flex flex-col items-center justify-center text-sm text-neutral-500">
+        <footer className="py-6 flex flex-col items-center justify-center text-sm text-neutral-500 font-mono">
           <a href={`${Homepage}/LICENCE`}>MIT LICENCE</a>
           <span>
             <span> © 2024 By </span>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index ba4ee5c..3a2b239 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -9,6 +9,12 @@ body,
   padding: 0;
 }
 
+@font-face {
+  font-family: 'Baloo 2';
+  src: url("/Baloo2-Bold.subset.ttf");
+}
+
+
 html.dark {
   color-scheme: dark;
 }
diff --git a/uno.config.ts b/uno.config.ts
index f3062e0..d0cda97 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -26,6 +26,13 @@ export default defineConfig({
         }
       }
     }],
+    [
+      "font-brand",
+      {
+        "font-family": `"Baloo 2", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace; `,
+      },
+    ],
   ],
   shortcuts: {
     "color-base": "color-neutral-800 dark:color-neutral-300",