@silexpert/core 1.0.58 → 1.0.59

package/ts/utils/commercialManagement/templates/common.ts

@@ -1,14 +1,14 @@
 import { EstimateInvoiceType } from '../../../types/Enum/EstimateInvoice';
-import { DiscountType } from '../../../types/Enum/CommercialManagement';
+import { DiscountType, FontIds } from '../../../types/Enum/CommercialManagement';
 
 export class CommercialDocumentCommonHTML {
   header = `<style>html {
     -webkit-print-color-adjust: exact;
   }</style><% if (settings && settings.isEdgingDisplayed) { %>
-    <span id="header-edging" style="position: absolute; top: 0; left: 0; width: 100vw; font-size: 10px; height: 15px; background-color: <%= settings && settings.edgingColor ? settings.edgingColor : '#333333' %>; margin-bottom: 20px;"></span>
+    <span id="header-edging" style="position: absolute; top: 0; left: 0; width: 100vw; font-size: 10px !important; height: 15px; background-color: <%= settings && settings.edgingColor ? settings.edgingColor : '#333333' %>; margin-bottom: 20px;"></span>
   <% } %>`;
 
-  footer = '<div style="font-size: 8px; color: #838384; text-align: center; padding: 0 40px; display: block; width: 100%;"><% if (freeText) { %><%- freeText %><br/><br/><% } %><% if (accountingCategoryFormatted) {%><%= accountingCategoryFormatted %> | <%}%><% if(marginVats.length > 0) { %>Régime TVA sur marge - <% marginVats.forEach(function(v, index) { %><%= v %> - <% }) %>ART 297-A du CGI ou directive 2006-212 CE | <% } %><% if(penalties || compensation || discount) { %><%= penalties ? \'Pénalités en cas de retard : \' + penalties : \'\'%><%= penalties && compensation ? \' | \' : \'\'%><%= compensation ? \'Indemnité forfaitaire en cas de retard : \' + compensation + \' \' : \'\' %><%= (compensation || penalties) && discount ? \' | \' : \'\' %><%= discount ? discount + \' \' : \'\' %><%= shouldPayTaxAfterDebit ? "| Option pour le paiement de la taxe d\'après les débits" : \'\' %><% if(name || legalForm || capital || siren || rcs) {%><br/><br/><% } %><% } %><%= name %><%= name && (legalForm || capital || siren || rcs) ? \', \' : \'\'%><%= legalForm %><%= capital ? \' au capital de \' + capitalFormatted + \' €\' : \'\' %><%= siren ? \' immatriculée sous le SIREN \' + siren : \'\'%><%= rcs ? \'| RCS \' + rcs : \'\'%><% if (vatCode || nafCode) {%><br/><% } %><%= vatCode ? \'N° TVA \'+vatCode : \'\'%><% if(vatCode && nafCode){%>|<%}%><%= nafCode ? \'APE \'+nafCode : \'\' %></div>';
+  footer = '<div style="font-size: 8px !important; color: #838384; text-align: center; padding: 0 40px; display: block; width: 100%;"><% if (freeText) { %><%- freeText %><br/><br/><% } %><% if (accountingCategoryFormatted) {%><%= accountingCategoryFormatted %> | <%}%><% if(marginVats.length > 0) { %>Régime TVA sur marge - <% marginVats.forEach(function(v, index) { %><%= v %> - <% }) %>ART 297-A du CGI ou directive 2006-212 CE | <% } %><% if(penalties || compensation || discount) { %><%= penalties ? \'Pénalités en cas de retard : \' + penalties : \'\'%><%= penalties && compensation ? \' | \' : \'\'%><%= compensation ? \'Indemnité forfaitaire en cas de retard : \' + compensation + \' \' : \'\' %><%= (compensation || penalties) && discount ? \' | \' : \'\' %><%= discount ? discount + \' \' : \'\' %><%= shouldPayTaxAfterDebit ? "| Option pour le paiement de la taxe d\'après les débits" : \'\' %><% if(name || legalForm || capital || siren || rcs) {%><br/><br/><% } %><% } %><%= name %><%= name && (legalForm || capital || siren || rcs) ? \', \' : \'\'%><%= legalForm %><%= capital ? \' au capital de \' + capitalFormatted + \' €\' : \'\' %><%= siren ? \' immatriculée sous le SIREN \' + siren : \'\'%><%= rcs ? \'| RCS \' + rcs : \'\'%><% if (vatCode || nafCode) {%><br/><% } %><%= vatCode ? \'N° TVA \'+vatCode : \'\'%><% if(vatCode && nafCode){%>|<%}%><%= nafCode ? \'APE \'+nafCode : \'\' %></div>';
 
   logo = `<div class="logo-placeholder">
     <% if (logoUrl) { %><img src="<%= logoUrl %>" alt="logo" /><% } %>
@@ -147,10 +147,80 @@ export class CommercialDocumentCommonHTML {
   <path fill-rule="evenodd" clip-rule="evenodd" d="M58.496 7.17857L58.0342 6.04592L57.575 7.17857H58.496ZM68.6703 6.72755C68.5775 6.7842 68.4679 6.78608 68.3365 6.78608H67.5168V6.15502H68.3476C68.4652 6.15502 68.5879 6.16033 68.6676 6.20626C68.7552 6.24765 68.8093 6.33575 68.8093 6.45744C68.8093 6.58161 68.7578 6.68153 68.6703 6.72755C68.7578 6.68153 68.6703 6.72755 68.6703 6.72755ZM74.518 7.17857L74.0511 6.04592L73.5867 7.17857H74.518ZM63.6175 8.40455H62.9257L62.9232 6.17935L61.9448 8.40455H61.3523L60.3713 6.17738V8.40455H58.9989L58.7396 7.77082H57.3347L57.0728 8.40455H56.3399L57.5483 5.56337H58.5508L59.6984 8.25338V5.56337H60.7997L61.6828 7.49077L62.494 5.56337H63.6174V8.40455H63.6175ZM66.3744 8.40455H64.1203V5.56337H66.3744V6.15502H64.7951V6.66714H66.3366V7.24953H64.7951V7.81693H66.3744V8.40455ZM69.5526 6.32855C69.5526 6.78154 69.2522 7.01558 69.0772 7.08585C69.2248 7.14241 69.3509 7.24233 69.411 7.32512C69.5062 7.46643 69.5227 7.59266 69.5227 7.84641V8.40455H68.8421L68.8395 8.04625C68.8395 7.87529 68.8558 7.62942 68.733 7.49274C68.6344 7.39282 68.4841 7.37113 68.2412 7.37113H67.5169V8.40455H66.8422V5.56337H68.3941C68.739 5.56337 68.9931 5.57254 69.2112 5.69945C69.4247 5.82637 69.5526 6.01165 69.5526 6.32855C69.5526 6.01165 69.5526 6.32855 69.5526 6.32855ZM70.6325 8.40455H69.944V5.56337H70.6325V8.40455ZM78.62 8.40455H77.6638L76.3848 6.27208V8.40455H75.0106L74.748 7.77082H73.3463L73.0915 8.40455H72.302C71.974 8.40455 71.5587 8.33153 71.3235 8.0903C71.0864 7.84906 70.963 7.5223 70.963 7.00564C70.963 6.58427 71.0368 6.19906 71.3268 5.89467C71.5449 5.66792 71.8865 5.56337 72.3515 5.56337H73.0048V6.17216H72.3652C72.119 6.17216 71.9799 6.209 71.846 6.34046C71.731 6.4601 71.652 6.68625 71.652 6.98404C71.652 7.28844 71.7121 7.50791 71.8376 7.65128C71.9414 7.76371 72.1302 7.79782 72.3078 7.79782H72.6109L73.5619 5.56345H74.5729L75.7153 8.25081V5.56345H76.7427L77.9288 7.54218V5.56345H78.62V8.40455ZM56.3321 8.9626H57.485L57.745 8.33153H58.3269L58.5862 8.9626H60.8546V8.48013L61.0571 8.96466H62.2347L62.4372 8.47293V8.9626H68.0746L68.0719 7.9267H68.181C68.2574 7.92936 68.2797 7.93647 68.2797 8.06339V8.9626H71.1954V8.72145C71.4306 8.84828 71.7964 8.9626 72.2777 8.9626H73.5043L73.7668 8.33153H74.3488L74.6055 8.9626H76.9693V8.36316L77.3273 8.9626H79.2214V5H77.3468V5.46799L77.0843 5H75.1608V5.46799L74.9197 5H72.3215C71.8865 5 71.5042 5.0611 71.1954 5.23138V5H69.4024V5.23138C69.2058 5.05587 68.9381 5 68.6403 5H62.0897L61.6501 6.02347L61.1988 5H59.1355V5.46799L58.9088 5H57.1492L56.332 6.88404V8.9626H56.3321ZM80.3331 11.0548H79.1033C78.9806 11.0548 78.899 11.0594 78.8303 11.1061C78.7591 11.1521 78.7317 11.2204 78.7317 11.3106C78.7317 11.4178 78.7918 11.4907 78.8792 11.5223C78.9504 11.5472 79.0269 11.5545 79.1393 11.5545L79.505 11.5643C79.874 11.5735 80.1203 11.6374 80.2705 11.7931C80.2979 11.8148 80.3143 11.8391 80.3331 11.8634V11.0548ZM80.3331 12.9284C80.1692 13.1696 79.8498 13.2919 79.4174 13.2919H78.1144V12.6825H79.4122C79.5409 12.6825 79.631 12.6655 79.6852 12.6122C79.7322 12.5682 79.765 12.5043 79.765 12.4268C79.765 12.344 79.7322 12.2783 79.6826 12.2389C79.6336 12.1955 79.5624 12.1758 79.4449 12.1758C78.8113 12.1541 78.0209 12.1955 78.0209 11.2962C78.0209 10.884 78.2809 10.4501 78.989 10.4501H80.333V9.8847H79.0843C78.7074 9.8847 78.4337 9.97553 78.2398 10.1168V9.8847H76.3927C76.0973 9.8847 75.7506 9.95839 75.5866 10.1168V9.8847H72.2882V10.1168C72.0257 9.92617 71.5827 9.8847 71.3783 9.8847H69.2026V10.1168C68.9949 9.91435 68.5331 9.8847 68.2516 9.8847H65.8166L65.2594 10.4916L64.7376 9.8847H61.1003V13.85H64.6691L65.2433 13.2335L65.7841 13.85L67.984 13.852V12.9192H68.2003C68.4921 12.9237 68.8364 12.9119 69.1401 12.7798V13.85H70.9546V12.8165H71.0421C71.1538 12.8165 71.1648 12.8211 71.1648 12.9334V13.8499H76.6769C77.0269 13.8499 77.3926 13.7597 77.5952 13.5961V13.8499H79.3436C79.7075 13.8499 80.0628 13.7985 80.3331 13.6671V12.9284ZM77.6415 11.7931C77.7729 11.9299 77.8433 12.1027 77.8433 12.3952C77.8433 13.0065 77.4638 13.2919 76.7833 13.2919H75.4691V12.6825H76.7781C76.906 12.6825 76.9968 12.6655 77.0537 12.6122C77.1001 12.5682 77.1334 12.5043 77.1334 12.4268C77.1334 12.344 77.0974 12.2783 77.051 12.2389C76.9994 12.1955 76.9283 12.1758 76.8108 12.1758C76.1797 12.1541 75.3895 12.1955 75.3895 11.2962C75.3895 10.884 75.6468 10.4501 76.3542 10.4501H77.7069V11.055H76.4691C76.3464 11.055 76.2667 11.0596 76.1988 11.1063C76.1249 11.1523 76.0975 11.2206 76.0975 11.3108C76.0975 11.418 76.1602 11.4909 76.2451 11.5224C76.3163 11.5474 76.3928 11.5547 76.5077 11.5547L76.871 11.5645C77.2373 11.5735 77.4887 11.6373 77.6415 11.7931C77.4887 11.6373 77.6415 11.7931 77.6415 11.7931ZM71.5528 11.6176C71.4626 11.6715 71.351 11.6761 71.2197 11.6761H70.3999V11.0378H71.2308C71.351 11.0378 71.4712 11.0404 71.5528 11.0892C71.6403 11.1352 71.6926 11.2232 71.6926 11.3448C71.6926 11.4664 71.6403 11.5643 71.5528 11.6176C71.6403 11.5643 71.5528 11.6176 71.5528 11.6176ZM71.9604 11.9712C72.1106 12.027 72.2333 12.127 72.2909 12.2098C72.3862 12.3486 72.4 12.478 72.4027 12.7285V13.2919H71.7253V12.9363C71.7253 12.7654 71.7416 12.5122 71.6162 12.3801C71.5176 12.2783 71.3673 12.2539 71.1211 12.2539H70.4V13.2919H69.722V10.45H71.2799C71.6215 10.45 71.8703 10.4652 72.0917 10.5841C72.3047 10.7136 72.4386 10.891 72.4386 11.2152C72.4385 11.6688 72.138 11.9003 71.9604 11.9712C72.138 11.9003 71.9604 11.9712 71.9604 11.9712ZM72.8128 10.45H75.0648V11.0377H73.4847V11.5544H75.0262V12.1342H73.4847V12.6997L75.0648 12.7022V13.2919H72.8128V10.45ZM68.2602 11.7615H67.3882V11.0378H68.268C68.5116 11.0378 68.6807 11.1377 68.6807 11.3863C68.6807 11.632 68.5195 11.7615 68.2602 11.7615ZM66.7161 13.0334L65.6802 11.8759L66.7161 10.755V13.0334ZM64.0407 12.6997H62.3817V12.1342H63.8631V11.5544H62.3817V11.0377H64.0734L64.8115 11.8659L64.0407 12.6997ZM69.4052 11.3863C69.4052 12.1757 68.82 12.3387 68.2301 12.3387H67.3882V13.2919H66.0767L65.2458 12.3511L64.3823 13.2919H61.7096V10.45H64.4235L65.2537 11.3816L66.1119 10.45H68.268C68.8035 10.45 69.4052 10.5992 69.4052 11.3863C69.4052 10.5992 69.4052 11.3863 69.4052 11.3863Z" fill="white"/>
   </svg></a>`;
 
-  style = `@import url("<%= font.url %>");
+  style = `
+  <% if (font.id === ${FontIds.CIRCULAR_STD}) { %>
+    @font-face{font-family:circular std;font-style:normal;font-weight:450;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-Book.woff) format('woff')}@font-face{font-family:circular std;font-style:italic;font-weight:450;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-BookItalic.woff) format('woff')}@font-face{font-family:circular std;font-style:normal;font-weight:500;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-Medium.woff) format('woff')}@font-face{font-family:circular std;font-style:italic;font-weight:500;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-MediumItalic.woff) format('woff')}@font-face{font-family:circular std;font-style:normal;font-weight:700;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-Bold.woff) format('woff')}@font-face{font-family:circular std;font-style:italic;font-weight:700;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-BoldItalic.woff) format('woff')}@font-face{font-family:circular std;font-style:normal;font-weight:900;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-Black.woff) format('woff')}@font-face{font-family:circular std;font-style:italic;font-weight:900;src:local('Circular Std'),url(https://fonts.cdnfonts.com/s/15011/CircularStd-BlackItalic.woff) format('woff')}
+  <% } else if (font.id === ${FontIds.ROBOTO}) { %>
+    @font-face{font-family:roboto;font-style:normal;font-weight:400;src:local('Roboto'),url(https://fonts.cdnfonts.com/s/12165/Roboto-Regular.woff) format('woff')}@font-face{font-family:roboto;font-style:italic;font-weight:400;src:local('Roboto'),url(https://fonts.cdnfonts.com/s/12165/Roboto-Italic.woff) format('woff')}@font-face{font-family:roboto;font-style:normal;font-weight:700;src:local('Roboto'),url(https://fonts.cdnfonts.com/s/12165/Roboto-Bold.woff) format('woff')}@font-face{font-family:roboto;font-style:italic;font-weight:700;src:local('Roboto'),url(https://fonts.cdnfonts.com/s/12165/Roboto-BoldItalic.woff) format('woff')}@font-face{font-family:roboto thin;font-style:normal;font-weight:250;src:local('Roboto Thin'),url(https://fonts.cdnfonts.com/s/12165/Roboto-Thin.woff) format('woff')}@font-face{font-family:roboto thin;font-style:italic;font-weight:250;src:local('Roboto Thin'),url(https://fonts.cdnfonts.com/s/12165/Roboto-ThinItalic.woff) format('woff')}@font-face{font-family:roboto light;font-style:normal;font-weight:300;src:local('Roboto Light'),url(https://fonts.cdnfonts.com/s/12165/Roboto-Light.woff) format('woff')}@font-face{font-family:roboto light;font-style:italic;font-weight:300;src:local('Roboto Light'),url(https://fonts.cdnfonts.com/s/12165/Roboto-LightItalic.woff) format('woff')}@font-face{font-family:roboto medium;font-style:normal;font-weight:500;src:local('Roboto Medium'),url(https://fonts.cdnfonts.com/s/12165/Roboto-Medium.woff) format('woff')}@font-face{font-family:roboto medium;font-style:italic;font-weight:500;src:local('Roboto Medium'),url(https://fonts.cdnfonts.com/s/12165/Roboto-MediumItalic.woff) format('woff')}@font-face{font-family:roboto black;font-style:normal;font-weight:900;src:local('Roboto Black'),url(https://fonts.cdnfonts.com/s/12165/Roboto-Black.woff) format('woff')}@font-face{font-family:roboto black;font-style:italic;font-weight:900;src:local('Roboto Black'),url(https://fonts.cdnfonts.com/s/12165/Roboto-BlackItalic.woff) format('woff')}
+  <% } else if (font.id === ${FontIds.POPPINS}) { %>
+    @font-face{font-family:poppins;font-style:normal;font-weight:400;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Regular.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:400;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Italic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:250;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Thin.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:250;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ThinItalic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:275;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraLight.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:275;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraLightItalic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:300;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Light.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:300;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-LightItalic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:500;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Medium.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:500;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-MediumItalic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:600;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-SemiBold.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:600;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-SemiBoldItalic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:700;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Bold.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:700;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-BoldItalic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:800;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraBold.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:800;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-ExtraBoldItalic.woff) format('woff')}@font-face{font-family:poppins;font-style:normal;font-weight:900;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-Black.woff) format('woff')}@font-face{font-family:poppins;font-style:italic;font-weight:900;src:local('Poppins'),url(https://fonts.cdnfonts.com/s/16009/Poppins-BlackItalic.woff) format('woff')}
+  <% } else if (font.id === ${FontIds.RALEWAY}) { %>
+    @font-face{font-family:raleway;font-style:normal;font-weight:400;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Regular.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:400;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Regular.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:400;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Italic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:250;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Thin.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:250;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-ThinItalic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:275;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-ExtraLight.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:275;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-ExtraLightItalic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:300;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Light.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:300;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-LightItalic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:500;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Medium.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:500;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-MediumItalic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:600;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-SemiBold.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:600;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-SemiBoldItalic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:700;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Bold.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:700;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-BoldItalic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:800;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-ExtraBold.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:800;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-ExtraBoldItalic.woff) format('woff')}@font-face{font-family:raleway;font-style:normal;font-weight:900;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-Black.woff) format('woff')}@font-face{font-family:raleway;font-style:italic;font-weight:900;src:local('Raleway'),url(https://fonts.cdnfonts.com/s/18954/Raleway-BlackItalic.woff) format('woff')}
+  <% } else if (font.id === ${FontIds.ZILLA}) { %>
+    @font-face {
+      font-family: 'Zilla Slab';
+      font-style: normal;
+      font-weight: 400;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-Regular.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: italic;
+      font-weight: 400;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-Italic.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: normal;
+      font-weight: 300;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-Light.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: italic;
+      font-weight: 300;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-LightItalic.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: normal;
+      font-weight: 500;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-Medium.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: italic;
+      font-weight: 500;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-MediumItalic.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: normal;
+      font-weight: 600;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-SemiBold.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: italic;
+      font-weight: 600;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-SemiBoldItalic.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: normal;
+      font-weight: 700;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-Bold.woff') format('woff');
+  }
+  @font-face {
+      font-family: 'Zilla Slab';
+      font-style: italic;
+      font-weight: 700;
+      src: local('Zilla Slab'), url('https://fonts.cdnfonts.com/s/15572/ZillaSlab-BoldItalic.woff') format('woff');
+  }  
+  <% } %>
 
   .pdf-content { padding: 0; margin: 0px; }
-  .pdf-content body { width: 100%; margin: 0px; font-family: "<%= font.name %>"; font-size: 12px; font-weight: normal; }
+  .pdf-content body { width: 100%; margin: 0px; font-family: "<%= font.name %>"; font-size: 12px !important; font-weight: normal; }
   .pdf-content .row { display: flex; }
   .pdf-content .items-end { align-items: end; }
   .pdf-content .space-between { justify-content: space-between; }
@@ -169,7 +239,7 @@ export class CommercialDocumentCommonHTML {
   .pdf-content .society-informations > div p { font-weight: bold; }
   .pdf-content .logo-placeholder { width: 300px; max-height: 150px;text-align:  <%= settings && settings.logoAlignment === 'left' ? 'left' : 'right' %>; margin-bottom: <%= settings && settings.logoAlignment === 'left' ? '10px;' : '0px' %>}
   .pdf-content .logo-placeholder > svg, .pdf-content .logo-placeholder > img { max-width: 100%; max-height: 150px; }
-  .pdf-content .document-reference { font-size: 20px; }
+  .pdf-content .document-reference { font-size: 20px !important; }
   .pdf-content .customer-border { border: 2px solid #EAEAEA; border-radius: 6px; padding: 7px; }
 
   /* Body */
@@ -188,7 +258,7 @@ export class CommercialDocumentCommonHTML {
   .pdf-content table.commercial-table-preview.summary-prices tr td:not(:first-child) {text-align: right;}
   .pdf-content table.commercial-table-preview.summary-prices tr td:first-child {border-right: none;}
   .pdf-content table.commercial-table-preview .discount-percent { color: #838384; font-size: smaller }
-  .pdf-content a.payment-button { margin-left: 40px; display: flex; align-items: center; background-color: #EBF1FF; border-radius: 10px; font-weight: 450; font-size: 12px; color: #1656FF; border: none; padding: 8px 14px; text-decoration: none; }
+  .pdf-content a.payment-button { margin-left: 40px; display: flex; align-items: center; background-color: #EBF1FF; border-radius: 10px; font-weight: 450; font-size: 12px !important; color: #1656FF; border: none; padding: 8px 14px; text-decoration: none; }
   .pdf-content a.payment-button svg { margin-left: 15px; }
   <% if (settings && settings.areLinesSeparationHidden) { %>
     .pdf-content td { border-top: none !important; border-bottom: none !important; }