The Sign Shoppe Font Previewer
text-align: center;
min-width: 0; /* Fix overflow issue in flex/grid */
}
.font-label {
margin-bottom: 12px;
font-weight: bold;
}
.preview-text {
font-size: 1.6em;
word-break: break-word;
}
.custom-message {
margin-top: 40px;
font-size: 0.95em;
text-align: center;
color: #555;
}
/* Custom Fonts */
@font-face { font-family: 'Font1'; src: url('Font 1.ttf') format('truetype'); }
@font-face { font-family: 'Font2'; src: url('Font 2.ttf') format('truetype'); }
@font-face { font-family: 'Font3'; src: url('Font 3.ttf') format('truetype'); }
@font-face { font-family: 'Font4'; src: url('Font 4.ttf') format('truetype'); }
@font-face { font-family: 'Font5'; src: url('Font 5.ttf') format('truetype'); }
@font-face { font-family: 'Font6'; src: url('Font 6.ttf') format('truetype'); }
@font-face { font-family: 'Font7'; src: url('Font 7.ttf') format('truetype'); }
@font-face { font-family: 'Font8'; src: url('Font 8.ttf') format('truetype'); }
@font-face { font-family: 'Font9'; src: url('Font 9.ttf') format('truetype'); }
@font-face { font-family: 'Font10'; src: url('Font 10.ttf') format('truetype'); }
@font-face { font-family: 'Font11'; src: url('Font 11.otf') format('opentype'); }
@font-face { font-family: 'Font12'; src: url('Font 12.otf') format('opentype'); }
Font Previewer
Type your desired text in the box below to see how it will look with each of our standard fonts.
Font 1
Sample Text
Font 2
Sample Text
Font 3
Sample Text
Font 4
Sample Text
Font 5
Sample Text
Font 6
Sample Text
Font 7
Sample Text
Font 8
Sample Text
Font 9
Sample Text
Font 10
Sample Text
Font 11
Sample Text
Font 12
Sample Text
Don’t see a font you like? Contact us for a custom font.
1
/
of
3
Did you know?
Our metal signs offer endless customization options. Mix and match between styles, alter coloring, change fonts, and personalize text on a stock design. You can even add logos, images, and graphics to make your signs truly unique.