Skip to content

Commit 38e221a

Browse files
986927: resolved CI issues and added custom fonts
1 parent c8b0387 commit 38e221a

File tree

9 files changed

+34
-18
lines changed

9 files changed

+34
-18
lines changed

Document-Processing/PDF/PDF-Viewer/javascript-es6/how-to/custom-fonts-ts.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,12 @@ domainurl: ##DomainURL##
1010

1111
# Add custom fonts in PDF Viewer
1212

13+
The TypeScript PDF Viewer supports loading, editing, and saving custom fonts in form fields such as text boxes, list boxes, and drop-downs by using the customFonts property. Add the required TTF files to the resource URL directory used by the viewer so they can be loaded at runtime and used in forms.
14+
15+
## Integrating Custom Font Collections into Form Fields in PDF Viewer
16+
17+
To ensure proper rendering and saving of form fields that use custom fonts, especially when the fonts are not installed on the system, place the TTF files in the resource URL path referenced by the viewer and specify their names through the customFonts property (string array). These fonts will then be available for loading, editing, and saving form fields in the PDF.
18+
1319
To use custom fonts in the Syncfusion PDF Viewer, add the custom TTF files to the resource URL directory and configure the viewer to load them. Specify font file names using the `customFonts` property as an array of names.
1420

1521
Steps to add custom fonts
@@ -47,3 +53,5 @@ pdfviewer.appendTo('#PdfViewer');
4753
{% endtabs %}
4854

4955
These steps integrate custom fonts into PDF documents displayed in the PDF Viewer.
56+
57+
> Note: If a form field (TextBox, ListBox, DropDown) using a custom font has text larger than the field’s bounds, the downloaded PDF may render incorrectly in browsers or third‑party viewers. It displays correctly in the Syncfusion PDF Viewer. To avoid this, use a font size that fits within the field or enlarge the field before saving/downloading.

Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/bookmark-navigation.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Navigation in TypeScript PDF Viewer control | Syncfusion
4-
description: Learn here all about Navigation in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more.
3+
title: Bookmark Navigation in TypeScript PDF Viewer | Syncfusion
4+
description: Learn how to use bookmarks for quick navigation in the Syncfusion TypeScript PDF Viewer control, enhancing user experience and accessibility.
55
platform: document-processing
66
control: PDF Viewer
77
documentation: ug

Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-navigation.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Navigation in TypeScript PDF Viewer control | Syncfusion
4-
description: Learn here all about Navigation in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more.
3+
title: Page Navigation in TypeScript PDF Viewer | Syncfusion
4+
description: Explore how to navigate pages in the Syncfusion TypeScript PDF Viewer control using built-in options for seamless document viewing.
55
platform: document-processing
66
control: PDF Viewer
77
documentation: ug
@@ -190,5 +190,5 @@ Find the [here](https://stackblitz.com/edit/5dqbkd?file=index.ts) to perform the
190190

191191
## See also
192192

193-
* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar/)
194-
* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module/)
193+
* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar)
194+
* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module)

Document-Processing/PDF/PDF-Viewer/javascript-es6/interactive-pdf-navigation/page-thumbnail-navigation.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Navigation in TypeScript PDF Viewer control | Syncfusion
4-
description: Learn here all about Navigation in Syncfusion TypeScript PDF Viewer control of Syncfusion Essential JS 2 and more.
3+
title: Thumbnail Navigation in TypeScript PDF Viewer | Syncfusion
4+
description: Discover how to navigate PDF pages using thumbnails in the Syncfusion TypeScript PDF Viewer control for a visual and intuitive experience.
55
platform: document-processing
66
control: PDF Viewer
77
documentation: ug

Document-Processing/PDF/PDF-Viewer/javascript-es6/navigation.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: Navigation in TypeScript PDF Viewer | Syncfusion
4-
description: Learn how to navigate PDF documents using the Syncfusion TypeScript PDF Viewer, including toolbar controls, programmatic navigation, bookmarks, thumbnails, hyperlinks, and table of contents.
4+
description: Learn how to navigate PDF documents in the Syncfusion TypeScript PDF Viewer using toolbar controls, bookmarks, thumbnails, and hyperlinks.
55
platform: document-processing
66
control: PDF Viewer
77
documentation: ug
@@ -23,5 +23,5 @@ Available PDF Viewer navigation options:
2323

2424
## See also
2525

26-
* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar/)
27-
* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module/)
26+
* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar)
27+
* [Feature modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/feature-module)

Document-Processing/PDF/PDF-Viewer/javascript-es6/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ npm install @syncfusion/ej2-pdfviewer
2525
* [`Form fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/form-designer/create-programmatically) – Design and fill interactive forms.
2626
* [`Signature`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/annotations/signature-annotation) – Capture handwritten or digital signatures in the document.
2727
* [`Toolbar`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/toolbar) – Use the built-in toolbar or create custom toolbars for common interactions.
28-
* [`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/interactive-pdf-navigation/page-navigation) – Navigate using bookmarks, thumbnails, hyperlinks, and the table of contents.
28+
* [`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/navigation) – Navigate using bookmarks, thumbnails, hyperlinks, and the table of contents.
2929
* [`Magnification`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/magnification) – Adjust zoom with fit-to-page, fit-to-width, or automatic options.
3030
* [`Search`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/text-search) – Find text anywhere in the PDF document.
3131
* [`Core interactions`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/javascript-es6/interaction-mode) – Scroll, zoom, pan, select, and navigate between pages.

Document-Processing/PDF/PDF-Viewer/vue/how-to/custom-fonts.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,12 @@ domainurl: ##DomainURL##
1010

1111
# How to add custom fonts to the PDF viewer
1212

13+
The Vue PDF Viewer supports loading, editing, and saving custom fonts in form fields such as text boxes, list boxes, and drop-downs by using the customFonts property. Add the required TTF files to the resource URL directory used by the viewer so they can be loaded at runtime and used in forms.
14+
15+
## Integrating Custom Font Collections into Form Fields in PDF Viewer
16+
17+
To ensure proper rendering and saving of form fields that use custom fonts, especially when the fonts are not installed on the system, place the TTF files in the resource URL path referenced by the viewer and specify their names through the customFonts property (string array). These fonts will then be available for loading, editing, and saving form fields in the PDF.
18+
1319
To use custom fonts in the Syncfusion PDF Viewer, add the custom TTF files to the resource URL directory and configure the viewer to load them. Specify font file names using the `customFonts` property as an array of names.
1420

1521
Steps to add custom fonts
@@ -76,4 +82,6 @@ export default {
7682
{% endhighlight %}
7783
{% endtabs %}
7884

79-
These steps integrate custom fonts into PDF documents displayed in the PDF Viewer.
85+
These steps integrate custom fonts into PDF documents displayed in the PDF Viewer.
86+
87+
> Note: If a form field (TextBox, ListBox, DropDown) using a custom font has text larger than the field’s bounds, the downloaded PDF may render incorrectly in browsers or third‑party viewers. It displays correctly in the Syncfusion PDF Viewer. To avoid this, use a font size that fits within the field or enlarge the field before saving/downloading.

Document-Processing/PDF/PDF-Viewer/vue/navigation.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,5 +21,5 @@ Available PDF Viewer navigation options:
2121

2222
## See also
2323

24-
* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar/)
25-
* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/feature-module/)
24+
* [Toolbar items](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar)
25+
* [Feature Modules](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/feature-module)

Document-Processing/PDF/PDF-Viewer/vue/overview.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Overview of Vue PDF Viewer Component | Syncfusion
3-
description: Checkout and learn about overview of the Syncfusion Vue PDF Viewer component and much more details.
3+
description: Learn about the Syncfusion Vue PDF Viewer component, its features, supported interactions, and how it helps in viewing PDF documents.
44
platform: document-processing
55
control: PDF Viewer
66
documentation: UG
@@ -26,7 +26,7 @@ npm install
2626

2727
### Adding Syncfusion PDF Viewer package
2828

29-
All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg)registry. To install Vue PDF Viewer package, use the following command.
29+
All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Vue PDF Viewer package, use the following command.
3030

3131
```
3232
npm install @syncfusion/ej2-vue-pdfviewer --save
@@ -108,7 +108,7 @@ Refer the [Getting Started with Vue3](https://help.syncfusion.com/document-proce
108108
*[`Form Fields`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/form-designer/create-fillable-pdf-forms/create-programmatically) - Form filling and form designing can be done.
109109
*[`Signature`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/annotation/signature-annotation) - Hand-written and digital signatures are allowed.
110110
*[`Toolbar`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/toolbar) - Built-in-toolbar and custom toolbars to perform user interaction of PDF Viewer functionalities.
111-
*[`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/interactive-pdf-navigation/page-navigation) - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents.
111+
*[`Navigation`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/navigation) - Easy navigation with the help of bookmarks, thumbnails, hyperlinks, and table of contents.
112112
*[`Magnification`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/magnification) - Fit to page, fit to width, and automatic (fits to the visible area).
113113
*[`Search`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/text-search) - Search a text easily across the PDF document.
114114
*[`Core Interactions`](https://help.syncfusion.com/document-processing/pdf/pdf-viewer/vue/interaction-mode) - Allows scrolling, zooming, panning, selection, and page navigation.

0 commit comments

Comments
 (0)