riyadhafraa
6cbd5968e5
Update font configurations to exclusively use DIN Next LT Arabic, preload necessary font files, and implement eager font loading to prevent display issues during printing. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 814df7a0-9300-4efe-a4b5-b5e474e8c99f Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/Ow4s0aa Replit-Helium-Checkpoint-Created: true
33 lines
1.3 KiB
HTML
33 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Tx OS</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<!--
|
|
Fonts are now bundled locally via `src/custom-fonts.css`
|
|
(DIN Next LT Arabic, Tajawal, Helvetica Neue LT Arabic,
|
|
Helvetica Neue, Majalla). No third-party Google Fonts roundtrip
|
|
is needed at page load, which speeds up first paint and removes
|
|
the external dependency.
|
|
|
|
#350 (browser print): preload DIN Next LT Arabic — the app's
|
|
sole Arabic print font — so it's already in the HTTP cache by
|
|
the time `@font-face` (declared with `font-display: block` in
|
|
custom-fonts.css) wants to fetch it. Without this, Chrome's
|
|
print snapshot can be taken before the font is ready and the
|
|
output uses a system fallback that lacks Arabic GSUB shaping
|
|
(isolated, unjoined letters that look reversed).
|
|
-->
|
|
<link rel="preload" href="/fonts/DINNextLTArabic-Regular.ttf"
|
|
as="font" type="font/ttf" crossorigin="anonymous" />
|
|
<link rel="preload" href="/fonts/DINNextLTArabic-Bold.ttf"
|
|
as="font" type="font/ttf" crossorigin="anonymous" />
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|