feat(customization-rtl): use Vazirmatn font (refinedev#6536)

Co-authored-by: Alican Erdurmaz <[email protected]>
anewman15 · Nov 29, 2024 · 0d6d062 · 0d6d062
1 parent 42cc71e
commit 0d6d062
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 16 deletions.
diff --git a/examples/customization-rtl/index.html b/examples/customization-rtl/index.html
@@ -1,23 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <link rel="icon" href="/favicon.ico" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta name="theme-color" content="#000000" />
-        <meta name="description" content="Web site created using refine" />
-        <!--
+  <head>
+    <meta charset="utf-8" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Vazirmatn:[email protected]&display=swap"
+      rel="stylesheet"
+    />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="Web site created using refine" />
+    <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-        <link rel="manifest" href="/manifest.json" />
-        <title>refine rtl example</title>
-    </head>
-    <body>
-        <noscript>You need to enable JavaScript to run this app.</noscript>
-        <div id="root"></div>
-        <script type="module" src="/src/index.tsx"></script>
-        <!--
+    <link rel="manifest" href="/manifest.json" />
+    <title>refine rtl example</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+    <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -26,5 +32,6 @@
 
       To begin the development, run `npm run dev` or `yarn dev`.
       To create a production bundle, use `npm run build` or `yarn build`.
-    --></body>
+    -->
+  </body>
 </html>
diff --git a/examples/customization-rtl/src/App.tsx b/examples/customization-rtl/src/App.tsx
@@ -15,6 +15,7 @@ import routerProvider, {
 import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";
 
 import "@refinedev/antd/dist/reset.css";
+import "./global.css";
 
 import { PostList, PostCreate, PostEdit, PostShow } from "./pages/posts";
 

diff --git a/examples/customization-rtl/src/global.css b/examples/customization-rtl/src/global.css
@@ -0,0 +1,3 @@
+* {
+  font-family: "Vazirmatn", sans-serif;
+}