fonts

Author: steveseguin

bot.html

@@ -856,42 +856,42 @@
 					log(err);
 				});
 			}
-			function getTranslation(key, value = false) {
-				if (translation && translation.innerHTML && (key in translation.innerHTML)) {
-					// these are the proper translations
-					return translation.innerHTML[key];
-				} else if (translation && translation.miscellaneous && translation.miscellaneous && (key in translation.miscellaneous)) {
-					return translation.miscellaneous[key];
-				} else if (value !== false) {
-					return value;
-				} else {
-					return key.replaceAll("-", " "); //
-				}
-			}
-			function resolveSourceImageUrl(src) {
-				if (!src) {
-					return "";
-				}
-				var str = (src + "").trim();
-				if (!str) {
-					return "";
-				}
-				if (/^[a-z][a-z0-9+.-]*:/i.test(str) || str.startsWith("//")) {
-					return str;
-				}
-				var cleaned = str.replace(/^\.\/+/, "").replace(/^\/+/, "");
-				var lowerCleaned = cleaned.toLowerCase();
-				var prefix = "sources/images/";
-				if (!lowerCleaned.startsWith(prefix)) {
-					cleaned = prefix + cleaned;
-				}
-				return "./" + cleaned;
-			}
-			
-			var newFileHandle = false;
-
-			async function overwriteFile(data = false) {
-				if (data == "setup") {
+			function getTranslation(key, value = false) {
+				if (translation && translation.innerHTML && (key in translation.innerHTML)) {
+					// these are the proper translations
+					return translation.innerHTML[key];
+				} else if (translation && translation.miscellaneous && translation.miscellaneous && (key in translation.miscellaneous)) {
+					return translation.miscellaneous[key];
+				} else if (value !== false) {
+					return value;
+				} else {
+					return key.replaceAll("-", " "); //
+				}
+			}
+			function resolveSourceImageUrl(src) {
+				if (!src) {
+					return "";
+				}
+				var str = (src + "").trim();
+				if (!str) {
+					return "";
+				}
+				if (/^[a-z][a-z0-9+.-]*:/i.test(str) || str.startsWith("//")) {
+					return str;
+				}
+				var cleaned = str.replace(/^\.\/+/, "").replace(/^\/+/, "");
+				var lowerCleaned = cleaned.toLowerCase();
+				var prefix = "sources/images/";
+				if (!lowerCleaned.startsWith(prefix)) {
+					cleaned = prefix + cleaned;
+				}
+				return "./" + cleaned;
+			}
+			
+			var newFileHandle = false;
+
+			async function overwriteFile(data = false) {
+				if (data == "setup") {
 					const opts = {
 						types: [
 							{
@@ -1407,10 +1407,15 @@
 			}
 
 			if (urlParams.get('font')) {
-				const raw = urlParams.get('font').trim();
-				const clean = raw.replace(/^['"]|['"]$/g, '');
-				const escaped = clean.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
-				document.documentElement.style.setProperty('--font-family', `"${escaped}", Sora, Roboto, Helvetica, Geneva, Verdana, Arial, sans-serif`);
+				const fontParam = urlParams.get('font').trim();
+				const fonts = fontParam.split(',').map(f => {
+					const clean = f.trim().replace(/^['"]|['"]$/g, '');
+					const escaped = clean.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+					return escaped ? `"${escaped}"` : '';
+				}).filter(Boolean);
+				if (fonts.length) {
+					document.documentElement.style.setProperty('--font-family', `${fonts.join(', ')}, Sora, Roboto, Helvetica, Geneva, Verdana, Arial, sans-serif`);
+				}
 			}
 
 			if (urlParams.get("googlefont")) {
@@ -2114,22 +2119,22 @@
 					  showType = data.type;
 					}
 
-					var customSourceClass = "sourceOffset";
-					if (showType && showsource && avatar) {
-					  showType = '<img src="./sources/images/' + showType + '.png" class="icon sourcetype" data-icon-name="' + showType + '" onerror="this.style.display=\'none\'" />';
-					} else if (showType && showsource && !avatar) {
-					  showType = '<img src="./sources/images/' + showType + '.png" class="icon sourcetype noavatar-source" data-icon-name="' + showType + '" onerror="this.style.display=\'none\'" />';
-					} else {
-					  customSourceClass = "";
-					  showType = "";
-					}
-
-					var resolvedSourceImg = data.sourceImg ? resolveSourceImageUrl(data.sourceImg) : "";
-					if (resolvedSourceImg && customSource && avatar) {
-					  showType += '<img src="' + resolvedSourceImg + '" class="icon sourcetype ' + customSourceClass + '"  onerror="this.style.display=\'none\'" />';
-					} else if (resolvedSourceImg && customSource && !avatar) {
-					  showType += '<img src="' + resolvedSourceImg + '" class="icon sourcetype ' + customSourceClass + ' noavatar-source" onerror="this.style.display=\'none\'" />';
-					}
+					var customSourceClass = "sourceOffset";
+					if (showType && showsource && avatar) {
+					  showType = '<img src="./sources/images/' + showType + '.png" class="icon sourcetype" data-icon-name="' + showType + '" onerror="this.style.display=\'none\'" />';
+					} else if (showType && showsource && !avatar) {
+					  showType = '<img src="./sources/images/' + showType + '.png" class="icon sourcetype noavatar-source" data-icon-name="' + showType + '" onerror="this.style.display=\'none\'" />';
+					} else {
+					  customSourceClass = "";
+					  showType = "";
+					}
+
+					var resolvedSourceImg = data.sourceImg ? resolveSourceImageUrl(data.sourceImg) : "";
+					if (resolvedSourceImg && customSource && avatar) {
+					  showType += '<img src="' + resolvedSourceImg + '" class="icon sourcetype ' + customSourceClass + '"  onerror="this.style.display=\'none\'" />';
+					} else if (resolvedSourceImg && customSource && !avatar) {
+					  showType += '<img src="' + resolvedSourceImg + '" class="icon sourcetype ' + customSourceClass + ' noavatar-source" onerror="this.style.display=\'none\'" />';
+					}
 
 					if (hideNames) {
 					  data.chatname = "";