Use custom font for logo

Author: fileformat

README.md

@@ -26,6 +26,7 @@ See it in action: [emojisearch.org](https://www.emojisearch.org/)
 [![Vite](https://www.vectorlogo.zone/logos/vitejsdev/vitejsdev-ar21.svg)](https://vitejs.dev/ "Bundler")
 
 * [Gemoji](https://github.com/github/gemoji)
+* [Font Diner](https://fontdiner.com/) - Emilys Candy font
 
 ## To Do
 

src/index.html

@@ -12,6 +12,9 @@
 			}
 		</style>
 	</noscript>
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap" rel="stylesheet">
 	<link href="/css/bootstrap.min.css" rel="stylesheet">
 </head>
 

src/index.ts

@@ -314,9 +314,7 @@ async function main() {
 					const data = cell.getRow().getData();
 					e.preventDefault();
 					e.stopPropagation();
-					table.alert(
-						`${data.description} copied to clipboard`
-					);
+					table.alert(`${data.description} copied to clipboard`);
 					setTimeout(() => table.clearAlert(), 1000);
 					navigator.clipboard.writeText(data.emoji);
 				},
@@ -374,7 +372,9 @@ async function main() {
 					labelField: "description",
 					url: (cell) => {
 						var codepoints = cell.getData().codepoints;
-						return `https://www.fileformat.info/info/emoji/${codepoints.toLowerCase().replaceAll(' ', '_')}/index.htm`;
+						return `https://www.fileformat.info/info/emoji/${codepoints
+							.toLowerCase()
+							.replaceAll(" ", "_")}/index.htm`;
 					},
 					target: "_blank",
 				},
@@ -408,7 +408,7 @@ async function main() {
 		placeholder: "No matches",
 		responsiveLayout: "hide",
 		footerElement: `<span class="w-100 mx-2 my-1">
-				<img src="/favicon.svg" class="pe-2" style="height:1.2em;" alt="EmojiSearch logo"/>EmojiSearch
+				<img src="/favicon.svg" class="pe-2 mb-1" style="height:1.5em;" alt="EmojiSearch logo"/><span style="font-size: 1.2em;font-family: 'Emilys Candy'">EmojiSearch</span>
 				<span id="rowcount" class="px-3">Rows: ${data.length.toLocaleString()}</span>
 				<a class="d-none d-lg-block float-end" href="https://github.com/FileFormatInfo/emojisearch">Source</a>
 			</span>`,