调整字体
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="preload" as="image" href="image/about-us/aboutus1.jpg" fetchpriority="high" />
|
||||
<link rel="stylesheet" href="css/about-us-v3.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/about-us.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
</head>
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/business.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/business-pages.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/business.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/business-pages.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/business.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/business-pages.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/contact.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
</head>
|
||||
|
||||
@@ -1,13 +1,17 @@
|
||||
/* Self-hosted fonts (served locally — no external/Google dependency).
|
||||
Inter (400–700) for body, Archivo (500–900) for display. */
|
||||
/* Self-hosted fonts (served locally — no external dependency).
|
||||
TeX Gyre Heros (GUST Font License, free for commercial use) —
|
||||
Helvetica-style latin face. CJK text falls through to system fonts
|
||||
via the fallback stack in style.css tokens.
|
||||
Note: only 400/700 real weights exist; 500 maps to 400, 600/800/900 map to 700. */
|
||||
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/inter-latin-400.woff2) format('woff2'); }
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/inter-latin-500.woff2) format('woff2'); }
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/inter-latin-600.woff2) format('woff2'); }
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/inter-latin-700.woff2) format('woff2'); }
|
||||
/* TeX Gyre Heros — regular family (active: wired to --font-display / --font-body) */
|
||||
@font-face { font-family: 'TeX Gyre Heros'; font-style: normal; font-weight: 400; font-display: swap; src: url(../font/texgyreheros-regular.otf) format('opentype'); }
|
||||
@font-face { font-family: 'TeX Gyre Heros'; font-style: normal; font-weight: 700; font-display: swap; src: url(../font/texgyreheros-bold.otf) format('opentype'); }
|
||||
@font-face { font-family: 'TeX Gyre Heros'; font-style: italic; font-weight: 400; font-display: swap; src: url(../font/texgyreheros-italic.otf) format('opentype'); }
|
||||
@font-face { font-family: 'TeX Gyre Heros'; font-style: italic; font-weight: 700; font-display: swap; src: url(../font/texgyreheros-bolditalic.otf) format('opentype'); }
|
||||
|
||||
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/archivo-latin-500.woff2) format('woff2'); }
|
||||
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/archivo-latin-600.woff2) format('woff2'); }
|
||||
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/archivo-latin-700.woff2) format('woff2'); }
|
||||
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/archivo-latin-800.woff2) format('woff2'); }
|
||||
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 900; font-display: swap; src: url(../fonts/archivo-latin-900.woff2) format('woff2'); }
|
||||
/* TeX Gyre Heros Cn — condensed (registered for future use, e.g. heavy display titles; not referenced by tokens yet, so browsers never download it) */
|
||||
@font-face { font-family: 'TeX Gyre Heros Cn'; font-style: normal; font-weight: 400; font-display: swap; src: url(../font/texgyreheroscn-regular.otf) format('opentype'); }
|
||||
@font-face { font-family: 'TeX Gyre Heros Cn'; font-style: normal; font-weight: 700; font-display: swap; src: url(../font/texgyreheroscn-bold.otf) format('opentype'); }
|
||||
@font-face { font-family: 'TeX Gyre Heros Cn'; font-style: italic; font-weight: 400; font-display: swap; src: url(../font/texgyreheroscn-italic.otf) format('opentype'); }
|
||||
@font-face { font-family: 'TeX Gyre Heros Cn'; font-style: italic; font-weight: 700; font-display: swap; src: url(../font/texgyreheroscn-bolditalic.otf) format('opentype'); }
|
||||
|
||||
@@ -38,10 +38,9 @@
|
||||
--text-light-60: rgba(255, 255, 255, 0.6);
|
||||
--text-light-40: rgba(255, 255, 255, 0.4);
|
||||
|
||||
/* Type */
|
||||
/* --font-display: 'Archivo', 'Segoe UI', system-ui, sans-serif; */
|
||||
--font-display: 'Inter', 'Segoe UI', system-ui, sans-serif;
|
||||
--font-body: 'Inter', 'Segoe UI', system-ui, sans-serif;
|
||||
/* Type — TeX Gyre Heros covers latin/digits; CJK falls through to PingFang/YaHei */
|
||||
--font-display: 'TeX Gyre Heros', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', system-ui, sans-serif;
|
||||
--font-body: 'TeX Gyre Heros', 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', system-ui, sans-serif;
|
||||
|
||||
/* Layout */
|
||||
--container: min(92vw, 1440px);
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/business.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/business-pages.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
|
||||
|
Before Width: | Height: | Size: 40 KiB |
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/business.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/business-pages.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/global-presence.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
</head>
|
||||
|
||||
|
After Width: | Height: | Size: 788 KiB |
|
After Width: | Height: | Size: 827 KiB |
|
After Width: | Height: | Size: 635 KiB |
|
After Width: | Height: | Size: 506 KiB |
|
After Width: | Height: | Size: 3.7 MiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 819 KiB |
|
After Width: | Height: | Size: 955 KiB |
|
After Width: | Height: | Size: 968 KiB |
|
After Width: | Height: | Size: 777 KiB |
|
After Width: | Height: | Size: 899 KiB |
@@ -10,11 +10,14 @@
|
||||
<meta property="og:description" content="HESU — Cross-border Supply Chain & Worldwide Distribution. Building materials export, auto export, after-sales & modification, and global logistics across 72+ countries." />
|
||||
<meta property="og:image" content="image/logo.png" />
|
||||
|
||||
<!-- Fonts (graceful fallback to system fonts if offline) -->
|
||||
<!-- Fonts (self-hosted TeX Gyre Heros; graceful fallback to system fonts if offline) -->
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260902d" />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260902d" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/news.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/news-detail.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
|
||||
@@ -13,7 +13,10 @@
|
||||
|
||||
<link rel="icon" type="image/png" href="favicon.png" />
|
||||
|
||||
<link rel="stylesheet" href="css/style.css?v=20260823b" />
|
||||
<link rel="preload" href="font/texgyreheros-regular.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="preload" href="font/texgyreheros-bold.otf" as="font" type="font/otf" crossorigin />
|
||||
<link rel="stylesheet" href="css/fonts.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/style.css?v=20260903a" />
|
||||
<link rel="stylesheet" href="css/news.css?v=20260823b" />
|
||||
<link rel="stylesheet" href="css/mobile.css?v=20260823b" />
|
||||
</head>
|
||||
|
||||