Pdf font issue (#119)

AtelierdeParis · Mar 7, 2024 · 032ca78 · 032ca78
1 parent 9df4b7c
commit 032ca78
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 12 deletions.
diff --git a/web/components/pdfs/ApplicationDocument.tsx b/web/components/pdfs/ApplicationDocument.tsx
@@ -7,11 +7,11 @@ import ApplicationReference from '~components/pdfs/ApplicationReference'
 import { BRAND_COLOR, styles } from '~components/pdfs/pdfStyleUtils'
 import { Application } from '~typings/api'
 
-const Mabry = require('./../../public/assets/fonts/mabry-pro.otf')
-const MabryMedium = require('./../../public/assets/fonts/mabry-pro-medium.otf')
+// const Mabry = require('./../../public/assets/fonts/mabry-pro.otf')
+// const MabryMedium = require('./../../public/assets/fonts/mabry-pro-medium.otf')
 
-Font.register({ family: 'Mabry', src: Mabry.default })
-Font.register({ family: 'MabryMedium', src: MabryMedium.default })
+// Font.register({ family: 'Mabry', src: Mabry.default })
+// Font.register({ family: 'MabryMedium', src: MabryMedium.default })
 
 const ApplicationDocument = ({ application }: { application: Application }) => {
   const creations = application?.references as any[]

diff --git a/web/components/pdfs/ApplicationHeader.tsx b/web/components/pdfs/ApplicationHeader.tsx
@@ -39,7 +39,7 @@ const ApplicationHeader = ({ application }: { application: Application }) => {
         <Text
           style={{
             fontSize: FONT_SIZE_BIG,
-            fontFamily: 'MabryMedium',
+            // fontFamily: 'MabryMedium',
             marginBottom: 10,
           }}
         >

diff --git a/web/components/pdfs/ApplicationReference.tsx b/web/components/pdfs/ApplicationReference.tsx
@@ -35,7 +35,7 @@ const ApplicationReference = ({
     >
       <Text style={{ color: BRAND_COLOR }}>Création {index + 1}</Text>
       <Text
-        style={{ fontFamily: 'MabryMedium' }}
+      // style={{ fontFamily: 'MabryMedium' }}
       >{`${reference?.title}, ${reference?.year}`}</Text>
       <Text>
         {`${reference?.actors} ${

diff --git a/web/components/pdfs/ApplicationSection.tsx b/web/components/pdfs/ApplicationSection.tsx
@@ -31,7 +31,14 @@ const ApplicationSection = ({
       paddingVertical: 12,
     }}
   >
-    <Text style={{ marginBottom: 6, fontFamily: 'MabryMedium' }}>{label}</Text>
+    <Text
+      style={{
+        marginBottom: 6,
+        // fontFamily: 'MabryMedium'
+      }}
+    >
+      {label}
+    </Text>
     <Text> {children}</Text>
   </View>
 )

diff --git a/web/components/pdfs/DividerPage.tsx b/web/components/pdfs/DividerPage.tsx
@@ -3,11 +3,11 @@ import { Document, Font, Page, Text } from '@react-pdf/renderer'
 import { styles } from '~components/pdfs/pdfStyleUtils'
 import { Campaign, UsersPermissionsUser } from '~typings/api'
 
-const Mabry = require('./../../public/assets/fonts/mabry-pro.otf')
-const MabryMedium = require('./../../public/assets/fonts/mabry-pro-medium.otf')
+// const Mabry = require('./../../public/assets/fonts/mabry-pro.otf')
+// const MabryMedium = require('./../../public/assets/fonts/mabry-pro-medium.otf')
 
-Font.register({ family: 'Mabry', src: Mabry.default })
-Font.register({ family: 'MabryMedium', src: MabryMedium.default })
+// Font.register({ family: 'Mabry', src: Mabry.default })
+// Font.register({ family: 'MabryMedium', src: MabryMedium.default })
 
 const DividerPage = ({
   place,

diff --git a/web/components/pdfs/pdfStyleUtils.ts b/web/components/pdfs/pdfStyleUtils.ts
@@ -6,7 +6,7 @@ export const FONT_SIZE_BIG = 14
 
 export const styles = StyleSheet.create({
   page: {
-    fontFamily: 'Mabry',
+    // fontFamily: 'Mabry',
     padding: 20,
   },
   title: {