Hi!
I am looking for the same solution! Did anyone find a way to do this?
I asked Chat GPt and this is the CSS code it gave me but its not working.
@font-face {
font-family: 'YourFontName';
src: url('URL_TO_YOUR_FONT.woff2') format('woff2'),
url('URL_TO_YOUR_FONT.woff') format('woff');
font-weight: normal;
font-style: normal;
}
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: 'YourFontName';
src: url('YOUR_FONT_URL.woff2') format('woff2');
}
#preview {
font-family: 'YourFontName', sans-serif;
font-size: 24px; /* Adjust as needed */
}
</style>
</head>
<body>
<textarea id="inputText" placeholder="Type here to see the font..." oninput="document.getElementById('preview').innerText = this.value"></textarea>
<div id="preview"></div>
</body>
</html>