Tweak semi font and usage (#2496)

* Tweak semi font and usage

* Undo remove semi from HL

Author: benjaminleonard

app/pages/project/instances/instance/InstancePage.tsx

@@ -182,7 +182,7 @@ export function InstancePage() {
           <PropertiesTable.Row label="vpc">
             {vpc ? (
               <Link
-                className="link-with-underline group text-sans-semi-md"
+                className="link-with-underline group text-sans-md"
                 to={pb.vpc({ project: instanceSelector.project, vpc: vpc.name })}
               >
                 {vpc.name}

app/table/cells/LinkCell.tsx

@@ -10,8 +10,7 @@ import { Link } from 'react-router-dom'
 
 import { classed } from '~/util/classed'
 
-const linkClass =
-  'link-with-underline group flex h-full w-full items-center text-sans-semi-md'
+const linkClass = 'link-with-underline group flex h-full w-full items-center text-sans-md'
 
 /** Pushes out the link area to the entire cell for improved clickability™ */
 const Pusher = classed.div`absolute inset-0 right-px group-hover:bg-raise`

app/ui/assets/fonts/SuisseIntl-Book-WebS.woff

@@ -11,7 +11,7 @@ export const CopyableIp = ({ ip, isLinked = true }: { ip: string; isLinked?: boo
   <span className="flex items-center gap-1">
     {isLinked ? (
       <a
-        className="link-with-underline text-sans-semi-md"
+        className="link-with-underline text-sans-md"
         href={`https://${ip}`}
         target="_blank"
         rel="noreferrer"

app/ui/assets/fonts/SuisseIntl-Book-WebS.woff2

@@ -58,8 +58,8 @@
 @font-face {
   font-family: 'SuisseIntl';
   src:
-    url('../assets/fonts/SuisseIntl-Book-WebS.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Book-WebS.woff') format('woff');
-  font-weight: 600;
+    url('../assets/fonts/SuisseIntl-Medium-WebS.woff2') format('woff2'),
+    url('../assets/fonts/SuisseIntl-Medium-WebS.woff') format('woff');
+  font-weight: 500;
   font-style: normal;
 }