Doom fonts

Doom TTF fonts for your pleasure...

• AmazDooMLeft
• AmazDooMLeft2
• AmazDooMLeftOutline
• AmazDooMRight
• AmazDooMRight2
• AmazDooMRightOutline
• DooM
• amazdoom (zipped)
• DooM (zipped)

Use as web fonts

Here is how to embed these (or any TTF) fonts into your website. Add the following code to your CSS definition:

@font-face {
    font-family: "AmazDooMLeft";
    src: url("/fonts/AmazDooMLeft.woff2") format('woff2'),
        url("/fonts/AmazDooMLeft.woff") format('woff'),
        url("/fonts/AmazDooMLeft.ttf") format('truetype'),
        url("/fonts/AmazDooMLeft.svg") format('svg');
}
/*@font-face {
    font-family: "AmazDooMLeft";
    src: url("/fonts/AmazDooMLeft.woff") format('woff');
}*/
@font-face {
    font-family: "AmazDooMLeftOutline";
    src: url("/fonts/AmazDooMLeftOutline.woff2") format('woff2'),
        url("/fonts/AmazDooMLeftOutline.woff") format('woff'),
        url("/fonts/AmazDooMLeftOutline.ttf") format('truetype'),
        url("/fonts/AmazDooMLeftOutline.svg") format('svg');
}
@font-face {
    font-family: "AmazDooMRight";
    src: url("/fonts/AmazDooMRight.woff") format('woff');
}
@font-face {
    font-family: "AmazDooMRight2";
    src: url("/fonts/AmazDooMRight2.woff") format('woff');
}
@font-face {
    font-family: "AmazDooMRightOutline";
    src: url("/fonts/AmazDooMRightOutline.woff") format('woff');
}
@font-face {
    font-family: "DooM";
    src: url("/fonts/DooM.woff") format('woff');
}

And refer to them in your CSS class definitions like so:

h1 {
    color: #c00000;
    font-family: AmazDooMLeftOutline;
    font-size: 5em;
    letter-spacing: 0.2em;
    margin-top: 30px;
    margin-bottom: -10px;
}

See also this Stack Overflow question for more details.