Merge pull request #4646 from syncfusion-content/897381_docCO

897381: Documentation for CustomFonts and OverscanCount

Author: KameshRajendran

blazor-toc.html

@@ -3598,6 +3598,8 @@
 					<li> <a href="/blazor/pdfviewer-2/how-to/deploy-maui-using-android-emulator">Render PDF document from embedded source in the MAUI Android app</a></li>
 					<li> <a href="/blazor/pdfviewer-2/how-to/improve-performance-using-CDN">Improve the performance using CDN in Blazor SfPdfViewer Component</a></li>
 					<li> <a href="/blazor/pdfviewer-2/how-to/processing-large-files-without-increasing-maximum-message-size">Processing Large Files Without Increasing Maximum Message Size in SfPdfViewer Component</a></li>
+					<li> <a href="/blazor/pdfviewer-2/how-to/load-custom-font-pdfium">Load Custom Fonts in a PDF Viewer</a></li>
+					<li> <a href="/blazor/pdfviewer-2/how-to/optimize-scroll-overscan-count">Optimize PDF Scrolling with the OverscanCount</a></li>
 				</ul>
 			</li>
 			<li>

blazor/pdfviewer-2/how-to/load-custom-font-pdfium.md

@@ -0,0 +1,56 @@
+---
+layout: post
+title: Load Custom Fonts in a PDF Viewer | Syncfusion
+description: Learn here all about Custom Fonts in Blazor application in Syncfusion Blazor SfPdfViewer component and more.
+platform: Blazor
+control: SfPdfViewer
+documentation: ug
+---
+
+# Load Custom Fonts in a PDF Viewer
+
+Syncfusion Blazor PDF Viewer utilizes Pdfium to extract the text and convert the PDF document as images. Pdfium supports a limited set of fonts by default. To expand this capability, [CustomFonts](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_CustomFonts) can be used to load additional fonts that are not embedded within Pdfium.
+
+To implement CustomFonts, follow these steps: 
+
+1. Upload the font files you want to use into the `wwwroot` folder of your project.
+   
+2. Include the exact paths to these font files in the customFonts list for proper referencing. This ensures that Pdfium can utilize these fonts as needed.
+
+![CustomFonts in Blazor PDFViewer](../../pdfviewer/images/customfont-files.png)
+
+The following code demonstrates how to load the CustomFonts to PDF Viewer.
+
+```cshtml
+
+<SfPdfViewer2 DocumentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+              Height="100%"
+              Width="100%" CustomFonts="@customFonts">
+</SfPdfViewer2>
+ 
+
+@code {
+
+    public List<string> customFonts = new List<string> { "wwwroot/SIMSUN.TTC", "wwwroot/SIMSUNB.TTF"}
+
+}
+    
+```
+Below code snippet illustrates how to load a CustomFonts using a CDN link.
+
+```cshtml
+
+<SfPdfViewer2 DocumentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+              Height="100%"
+              Width="100%" CustomFonts="@customFonts">
+</SfPdfViewer2>
+ 
+
+@code {
+
+     public List<string> customFonts = new List<string> { "https://cdn.jsdelivr.net/npm/arial-geo-bold@1.0.0/fonts/arial-geo-bold-webfont.ttf" };
+
+}
+    
+```
+[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Load%20CustomFonts%20pdfium).

blazor/pdfviewer-2/how-to/optimize-scroll-overscan-count.md

@@ -0,0 +1,26 @@
+---
+layout: post
+title: Optimize PDF Scrolling with the OverscanCount | Syncfusion
+description: Learn here all about OverscanCount in Blazor application in Syncfusion Blazor SfPdfViewer component and more.
+platform: Blazor
+control: SfPdfViewer
+documentation: ug
+---
+
+# Optimize PDF Scrolling with the OverscanCount
+
+The [OverscanCount](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.SfPdfViewer.PdfViewerBase.html#Syncfusion_Blazor_SfPdfViewer_PdfViewerBase_OverscanCount) feature in a PDF Viewer allows users to preload a specified number of pages before and after the visible view port when opening a PDF document, thereby enhance the scrolling experience.
+ 
+To utilize this capability in Syncfusion PDF Viewer, adjust the OverscanCount property. By setting this property to a desired number, users can preload pages adjacent to the active page. This ensures quicker access to specific pages without waiting for the entire document to load.
+
+Below is a code snippet illustrating how to implement the OverscanCount:
+
+```cshtml
+
+<SfPdfViewer2 DocumentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
+              Height="100%"
+              Width="100%" OverscanCount="10">
+</SfPdfViewer2>
+    
+```
+[View sample in GitHub](https://github.com/SyncfusionExamples/blazor-pdf-viewer-examples/tree/master/Load%20and%20Save/Load%20OverscanCount).