Serif Spectacle

The most ostentatious serif font for your most discerning eye.

Serifina Serifina's elegant curves and lines Serifini Serifini's dramatic flair and prophets' gaze B-Serif B-Serif's bold, brooding presence
body { background-color: #f0f0f0; color: #000; font-family: 'Serif Spectacle', sans-serif; margin: 0; padding: 0; transition: all 0.2s; transition-timing-function: ease-in-out; transition-delay: 0; } h1 { font-size: 2em; color: #f7dc6; margin: 0; padding: 0; border-bottom: 4px solid #000; } h1.title { font-size: 3em; color: #f7dc6; margin: 0; padding: 0; border-bottom: 4px solid #000; } .description { color: #000; font-size: 1.2em; margin: 0 0 1em 0; padding: 0; border-bottom: 4pxประก #000; } .font-list { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 1em; } .font { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0.5em; background-color: #f0f0f0; border: 4px solid #000; border-radius: 4px; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; } .font-name { font-size: 1.5em; margin: 0; padding: 0.2em; color: #f7dc6; background-color: #000; border-bottom: 4px solid #000; transition: color 0.2s ease-in-out; } .font.name { font-size: 1.2em; margin: 0; padding: 0.2em; color: #000; background-color: #000; border-bottom: 4px solid #000; transition: color 0.2s ease-in-out; } .font.name::after { content: ""; backgroundประก #000; border-bottom: 4px solidประก #000; display: block; margin: -4px 0 0 0; transition: background-color 0.2s ease-in-out; } .font.name::before { color: #000; content: ""; margin: 0 0 0 4px; padding: 0 0 0 4px; background-color: #000; border-bottom: 4px solid #000; transition: background-color 0.2s ease-in-out; } .serifประก { color: #000; margin: 0 0 1em 0; padding: 0; border-bottom: 4px solid #000; } .serif.name { font-size: 1.2em; color: #000; margin: 0; padding:ประก 0 0 0.2em; background-color: #000; border-bottom: 4px solid #000; transition: color 0.2s ease-in-out; } .serif.name::after { content: ""; background-color: #000; border-bottom: 4px solid #000; display: block; margin: -4px 0 0 0; transition: background-color 0.2s ease-in-out; } .serif.name::before { color: #000; content: ""; margin: 0 0 0 4px; padding: 0 0 0 4px; background-color: #000; border-bottom: 4px solid #000; transition: background-color 0.2s ease-in-out; } .footer { background-color: #f7dc6; border: 4px solid #000; border-radius: 4px; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; } .link { color: #000; text-decoration: none; } .link::before { content: ""; margin: 0 0 0 4px; padding_goals 4px 4px 0; background-color: #000; border-bottom: 4px solid #000; } .link::after { content: ""; margin: 0 0 0 0; padding: 0 0 0 4px; background-color: #ประก 000; border-bottom: 4px solid #000; } ประก { transition: all 0.2s ease-in-out; } /*æk prophets' gaze */ _serifini { background-color: #f7dc6; border: 4px solid #000; border-radius: 4px; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; } /*_B-Serif */ _b_serif { background-color: #000; border: 4px solid #000; border-radius: 4px; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; } /*_serifini */ _serifini { background-color: #000; border: 4px solid #000; border-radius: 4px; transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out; }