diff --git a/changelog.md b/changelog.md
index fb7a39f..64581e5 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,12 @@
 # Changelog
 
+## 2024-12-02 - 1.5.3 - fix(elements)
+Update viewer attributes and fix font integration
+
+- Updated viewer.ts to add missing property decorators for letterData and documentSettings.
+- Fixed font loading by correcting URLs in index.html.
+- Set demoDocumentSettings default header and footer to false.
+
 ## 2024-12-02 - 1.5.2 - fix(workflow)
 Corrected Docker image references and package scope in YAML workflows for compatibility.
 
diff --git a/html/index.html b/html/index.html
index 6fc15c9..610c0ad 100644
--- a/html/index.html
+++ b/html/index.html
@@ -8,8 +8,8 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
     <!--Lets load standard fonts-->
-    <link rel="preconnect" href="https://" crossorigin>
-    <link rel="stylesheet" href="https:///fonts/fonts.css">
+    <link rel="preconnect" href="https://assetbroker.lossless.one/" crossorigin>
+    <link rel="stylesheet" href="https://assetbroker.lossless.one/fonts/fonts.css">
 
     <style>
       body {
diff --git a/ts/00_commitinfo_data.ts b/ts/00_commitinfo_data.ts
index c7c787e..212f6c7 100644
--- a/ts/00_commitinfo_data.ts
+++ b/ts/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.5.2',
+  version: '1.5.3',
   description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
 }
diff --git a/ts_shared/demoletter.ts b/ts_shared/demoletter.ts
index 3f5b701..e38fed3 100644
--- a/ts_shared/demoletter.ts
+++ b/ts_shared/demoletter.ts
@@ -213,7 +213,7 @@ export const demoLetter: plugins.tsclass.business.ILetter = {
 
 export const demoDocumentSettings: interfaces.IDocumentSettings = {
   enableTopDraftText: true,
-  enableDefaultHeader: true,
-  enableDefaultFooter: true,
+  enableDefaultHeader: false,
+  enableDefaultFooter: false,
   languageCode: 'DE',
 };
\ No newline at end of file
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index c7c787e..212f6c7 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-document',
-  version: '1.5.2',
+  version: '1.5.3',
   description: 'A sophisticated framework for dynamically generating and rendering business documents like invoices with modern web technologies, featuring PDF creation, templating, and automation.'
 }
diff --git a/ts_web/elements/viewer.ts b/ts_web/elements/viewer.ts
index d55bfa8..a93317f 100644
--- a/ts_web/elements/viewer.ts
+++ b/ts_web/elements/viewer.ts
@@ -1,6 +1,6 @@
 import * as plugins from '../plugins.js';
 
-import { DeesElement, css, cssManager, customElement, html } from '@design.estate/dees-element';
+import { DeesElement, css, cssManager, customElement, html, property } from '@design.estate/dees-element';
 import { demoFunc } from './viewer.demo.js';
 
 declare global {
@@ -15,8 +15,16 @@ export class DeDocumentViewer extends DeesElement {
   public static demo = demoFunc;
 
   // INSTANCE
+  @property({
+    type: Object,
+    reflect: true,
+  })
   public letterData: plugins.tsclass.business.ILetter = null;
 
+  @property({
+    type: Object,
+    reflect: true,
+  })
   public documentSettings: plugins.shared.interfaces.IDocumentSettings;
 
   public static styles = [