Copy of Font Preview
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
text-align: center;
}
h1 {
font-family: Arial, sans-serif;
}
input[type="text"] {
width: 100%;
padding: 10px;
margin-bottom: 20px;
}
.font-preview-item {
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 10px;
}
.font-preview-item h2 {
margin: 0;
}
.font-preview-item p {
margin-top: 10px;
font-family: Arial, sans-serif;
}
@font-face {
font-family: 'CustomFont1';
src: url('{{ 'custom-font1.ttf' | asset_url }}');
}
@font-face {
font-family: 'CustomFont2';
src: url('{{ 'custom-font2.ttf' | asset_url }}');
}