feat: adding download font button

TheNickOfTime · Jul 25, 2024 · 62ee018 · 62ee018
1 parent 94ed0d7
commit 62ee018
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/src/pages/test/ea-font-issue/ea-font-issue.scss b/src/pages/test/ea-font-issue/ea-font-issue.scss
@@ -51,4 +51,24 @@
 			}
 		}
 	}
+
+	.download {
+		margin-top: 1rem;
+		text-align: center;
+
+		a {
+			display: inline-flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 1rem;
+
+			padding: 0.5rem 2rem;
+
+			font-size: 2rem;
+
+			span {
+				margin-bottom: 0.2em;
+			}
+		}
+	}
 }
diff --git a/src/pages/test/ea-font-issue/ea-font-issue.tsx b/src/pages/test/ea-font-issue/ea-font-issue.tsx
@@ -1,4 +1,6 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import './ea-font-issue.scss';
+import { faFont } from '@fortawesome/free-solid-svg-icons';
 
 export default function EAFontIssue() {
 	return (
@@ -55,6 +57,12 @@ export default function EAFontIssue() {
 					</table>
 				</div>
 			</div>
+			<div className='download'>
+				<a className='button' href='./ElectronicArtsText-RegularNew.otf' download>
+					<FontAwesomeIcon icon={faFont} />
+					<span>Download Fixed Font</span>
+				</a>
+			</div>
 		</div>
 	);
 }