Integrate fallback option into the web version

lvgl · Mar 14, 2024 · ca5cdaf · ca5cdaf
1 parent 5a33974
commit ca5cdaf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/web/content.html b/web/content.html
@@ -40,6 +40,13 @@ <h3>How to use the generated fonts in LVGL?</h3>
 				</div>
 			</div>
 
+			<div class="form-group row">
+				<label for="name" class="form-label col-md-2">Fallback</label>
+				<div class="col-md-5">
+					<input type="text" name="fallback" id="fallback" class="form-control" placeholder="E.g. lv_font_montserrat_24">
+				</div>
+			</div>
+
 			<div class="form-group row">
 				<label for="height" class="col-md-2 col-form-label">Size</label>
 				<div class="col-md-5">

diff --git a/web/index.js b/web/index.js
@@ -60,6 +60,7 @@ document.querySelector('#converterForm').addEventListener('submit', function han
   e.preventDefault();
 
   var _name = document.getElementById('name').value;
+  var _fallback = document.getElementById('fallback').value;
   var _size = document.getElementById('height').value;
   var _bpp = document.getElementById('bpp').value;
   /* eslint-disable max-depth, radix */
@@ -110,7 +111,8 @@ document.querySelector('#converterForm').addEventListener('submit', function han
     lcd_v: document.getElementById('subpixel3').checked,
     use_color_info: document.getElementById('use_color_info').checked,
     format: 'lvgl',
-    output: _name
+    output: _name,
+    lv_fallback: _fallback
   };
 
   convert(args).then(result => {